弹出网页窗口全攻略

转载 2006年05月25日 16:59:00

如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:

  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()(简称无模式窗口),打开后不必关闭也可访问父窗口打开的窗口。

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”。

 

弹出网页窗口全攻略(html/hta)

如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:   1.弹启一个全屏窗口 ; www.e3i5.com ...
  • my98800
  • my98800
  • 2016年09月23日 21:01
  • 653

关于jsp网页弹出窗口

关于jsp网页弹出窗口     各种弹出页面的设计 【1、普通的弹出窗口】  其实代码非常简单:    window.open ('page.htm...
  • wenqingqing27
  • wenqingqing27
  • 2014年10月17日 14:38
  • 3576

网页弹出对话框的几种代码

【1、最基本的弹出窗口代码】 其实代码非常简单: window.open ("page.html") --> 因为着是一段javascripts代码,所以它们应该放在标签和...
  • u012047933
  • u012047933
  • 2014年06月12日 15:32
  • 1563

在HTML网页中设置弹出窗口的办法

【1、最基本的弹出窗口代码】  其实代码非常简单:    window.open ('page.html')  -->    因为这是一段javascripts代码,所以它们应该放在之...
  • w405722907
  • w405722907
  • 2017年06月30日 14:30
  • 1563

Web页面右下角弹出窗口示例代码

我们一般会遇到这种情况,当登录首页后,会有消息提示机制,本例子中讲的就是在首页登陆后在页面的右下角弹出消息提示框。 先看效果图: -----------------------------------...
  • u013341688
  • u013341688
  • 2016年02月18日 11:17
  • 387

弹出网页窗口

通过window.open弹出窗口 var url = "BudgetZXScoreAction.do?method=searchRanking&&todo_id="; //转向网...
  • wxn877838604
  • wxn877838604
  • 2015年01月09日 10:48
  • 362

关于jsp网页弹出窗口

各种弹出页面的设计 【1、普通的弹出窗口】  其实代码非常简单:    window.open ('page.html')  -->       因为这是一段java...
  • a19880813
  • a19880813
  • 2013年09月05日 17:10
  • 1197

用JS制作9种弹出小窗口(HTML)

进入许多网站时,有弹出式小窗口,它们五花八门,使我们捉摸不透下面就来介绍用JS制作9种制作弹出小窗口: 1、最基本的弹出窗口代码         其实代码非常简单:         ...
  • dodott
  • dodott
  • 2014年12月23日 23:54
  • 20826

网页弹出表格窗口

校内用户注册                                                            简单一步,快...
  • magutou007
  • magutou007
  • 2016年07月03日 22:48
  • 137

点击图片弹出页面效果常用代码

外层定义: #area{ width:100%; height:800px; position:relative; background:#ffce2a; a...
  • u011848751
  • u011848751
  • 2017年06月17日 17:34
  • 231
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:弹出网页窗口全攻略
举报原因:
原因补充:

(最多只允许输入30个字)