细说弹出式窗口

Author: 吴强生 Date: 2001年 17期

?牐犐贤呐笥丫？吹剑行┩疽唤胧滓沉⒖袒岬鲆桓鲂〈翱冢蛘咴谝趁嫔系慊髁唇印?按钮时会弹出窗口。通常在这个窗口里会显示一些注意事项、欢迎光临之类的话。其实制作这样的页面效果非常容易，只要往该页面的HTML语言里加入几段Javascript代码即可实现。下面俺就带你一起来剖析它的奥秘。
　　#1    1.最基本的弹出窗口代码
　　?牐?<SCRIPT LANGUAGE="javascript">
　　?牐?
　　?牐?</SCRIPT>
　　?牐犚蛭馐且欢蝚avascripts代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。
　　?牐爓indow.open （＇index1.html＇）用于控制弹出新的窗口index.html，如果index.html不与主窗口在同一路径下，前面应写明路径，绝对路径（http://）和相对路径（../）均可。
　　?牐犝庖欢未肟梢约尤際TML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，位置越前越早执行。
　　#1    2.经过设置后的弹出窗口
　　?牐犗旅嬖偎狄凰档龃翱诘纳柚谩Ｖ灰偻厦娴拇胫屑右坏愣骶涂梢粤恕Ｎ颐抢纯刂普飧龅龅拇翱诘耐夤郏叽绱笮。龅奈恢靡允视Ω靡趁娴木咛迩榭觥?
　　?牐?<SCRIPT LANGUAGE="javascript">
　　?牐?
　　?牐?</SCRIPT>
　　?牐牪问馐停?
　　?牐?<SCRIPT LANGUAGE="javascript"> js脚本开始；
　　?牐爓indow.open 弹出新窗口的命令；
　　?牐牐?index1.html＇弹出窗口的文件名；
　　?牐牐?newwindow＇弹出窗口的名字（不是文件名），非必须，可用空＇＇代替；
　　?牐爃eight=200 窗口高度；
　　?牐爓idth=400 窗口宽度；
　　?牐爐op=0 窗口距离屏幕上方的像素值；
　　?牐爈eft=0 窗口距离屏幕左侧的像素值；
　　?牐爐oolbar=no 是否显示工具栏，yes为显示；
　　?牐爉enubar，scrollbars 表示菜单栏和滚动栏。
　　?牐爎esizable=no 是否允许改变窗口大小，yes为允许；
　　?牐爈ocation=no 是否显示地址栏，yes为允许；
　　?牐爏tatus=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
　　?牐?</SCRIPT> js脚本结束
　　#1    3.弹出的窗口定时关闭控制
　　?牐犗旅嫖颐窃俣缘龅拇翱诮幸恍┛刂疲Ч透昧恕Ｈ绻颐窃俳恍《未爰尤氲龅囊趁妫ㄗ⒁馐羌尤氲絠ndex1.html的HTML中，可不是主页面中），让它20秒后自动关闭是不是更酷了？
　　?牐犑紫龋缦麓爰尤雐ndex1.html文件的<head>区：
　　?牐?<script language="JavaScript">
　　?牐爁unction closeit（）{?煟? ??
　　?牐爏etTimeout（"self.close（）"，20000） //毫秒
　　?牐爙??
　　?牐?</script>
　　?牐犎缓螅儆?<body onload="closeit（）"> 这一句话代替index1.html中原有的<BODY>这一句就可以了。（这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，20秒钟后就自行关闭该窗口。）??