网站地图 | 联系我们 | 咨询热线:0991-4811639
您现在的位置: 新疆二域设计网络公司 >> 网页设计学院 >> 网页制作 >> HTML-CSS >> 正文
如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:

  1.弹启一个全屏窗口

<html>
<body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');">;
<b>www.e3i5.com</b>
</body>
</html>

  2.弹启一个被F11化后的窗口

<html>
<body onload="window.open(''http://www.pconline.com.cn','example02','channelmode');">;
<b>www.e3i5.com</b>
</body>
</html>

  3.弹启一个带有收藏链接工具栏的窗口

<html>
<body onload="window.open('http://www.pconline.com.cn','example03','width=400,height=300,directories');">
<b>www.e3i5.com</b>
</body>
</html>

  4.网页对话框

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.e3i5.com</b>
</body>
</html>

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog('http://www.pconline.com.cn','example05','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>http://www.pconline.com.cn</b>
</body>
</html>

  showModalDialog()或是showModelessDialog() 来调用网页对话框,至于showModalDialog()与showModelessDialog()的区别,在于showModalDialog()打开的窗口(简称模式窗口),置在父窗口上,必须关闭才能访问父窗口(建议尽量少用,以免招人反感);showModelessDialog()(简称弈J酱翱冢蚩蟛槐毓乇找部煞梦矢复翱诖蚩拇翱凇?

dialogHeight: iHeight 设置对话框窗口的高度。
dialogWidth: iWidth 设置对话框窗口的宽度。   
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
center: {yes | no | 1 | 0 } 指定是否将对话框在桌面上居中,默认值是“yes”。
help: {yes | no | 1 | 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。   
resizable: {yes | no | 1 | 0 } 指定是否对话框窗口大小可变。默认值是“no”。
status: {yes | no | 1 | 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是 “no”。


作者:佚名 | 文章来源:不详 | 更新时间:2007-5-4 23:47:43

  • 上一篇文章:

  • 下一篇文章:
  • 相关文章:
    mp3音乐文件不能导入FLASH的问题
    用flash制作网页弹出窗口的方法
    随心所欲的定制“弹出窗口”

    色彩理念
    网页制作
    美工图形
    网络编程
    数 据 库
    网站运营
    ::最近更新::
    ·Javascript闭包实例讲解
    ·FireFox浏览器文本自动换行…
    ·CSS的控制文档打印技巧
    ·CSS制作下拉菜单方法五 中…
    ·CSS制作下拉菜单方法四 CS…
    ·CSS制作下拉菜单方法三 CS…
    ·CSS制作下拉菜单方法二 下…
    ·CSS制作下拉菜单方法一 横…
    ·利用.htc文件去除超链接的…
    ·iframe标签框架的滚动控制
    ·图片缩略图,点击放大到原…
    ·CSS实现带背景图片的文字链…
    ·javascript在ie和firefox下…
    ·Javascript屏蔽鼠标右键并…
    ·防止注册机在DVBBS动网论坛…
    ::推荐阅读::
    ·网页设计技巧:CSS实现在不…
    ·网页制作中XHTML+CSS小技巧
    ·CSS定义网页标题方法举例
    ·网站首页head区代码规范
    ·CSS滤镜之Chroma属性
    ·表格边框的css语法
    ·背景音乐是如何插入的?
    ·CSS语法手册(一)字体属性

    关于我们 | 网站建设 | 服务帮助 | 联系我们 | 网页设计学院 | 实用工具 | 友情链接 | 新疆专题
    版权所有 © 2007 新疆二域设计网络公司 www.xjcncn.com All Rights Reserved
    网站建设总机:0991-4811639 传真:0991-4842803 ;咨询热线:13999201770. E-mail:xjcncn@gmail.com
    MSN :xjcncn@hotmail.com ; QQ:359312 ;地址:新疆乌鲁木齐市友好E时代公寓B座708 邮编:830000