小窗口大学问--玩转弹出窗口(3)

来源：互联网发布：天津seo推广公司编辑：程序博客网时间：2024/05/16 05:23

　　【5、主窗口打开文件1.htm，同时弹出小窗口page.html】

　　如下代码加入主窗口〈head〉区：
　　〈script language="javascript"〉
　　〈!--
　　function openwin() {
　　window.open("page.html","","width=200,height=200")
　　}
　　//--〉
　　〈/script〉

　　加入〈body〉区：
　　〈a href="1.htm" onclick="openwin()"〉open〈/a〉即可。

　　【6、弹出的窗口之定时关闭控制】

　　下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？

　　首先，将如下代码加入page.html文件的〈head〉区：

　　〈script language="JavaScript"〉
　　function closeit() {
　　setTimeout("self.close()",10000) //毫秒
　　}
　　〈/script〉
　　
　　然后，再用〈body onload="closeit()"〉这一句话代替page.html中原有的〈BODY〉这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)

　　【7、在弹出窗口中加上一个关闭按钮】
　　〈FORM〉
　　〈INPUT TYPE=´BUTTON´ VALUE=´关闭´ onClick=´window.close()´〉
　　〈/FORM〉
　　
　　呵呵，现在更加完美了！
　　
　　【8、内包含的弹出窗口-－－一个页面两个窗口…………………………………………………………………………

原作者：http://www.verydemo.com/demo_c101_i64216.html

0 0