时间: 2021-07-31 作者:daque
怎样运用网页弹出百般情势的窗口,我想大师大多都是领会些的,但那种五花八门的弹出式窗口是如何搞出来的,咱们即日就来进修一下:
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”。