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

　　【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" οnclick="openwin()"〉open〈/a〉即可。 　　【6、弹出的窗口之定时关闭控制】 　　下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？ 　　首先，将如下代码加入page.html文件的〈head〉区： 　　〈script language="JavaScript"〉 　　function closeit() { 　　setTimeout("self.close()",10000) //毫秒 　　} 　　〈/script〉 　　 　　然后，再用〈body οnlοad="closeit()"〉 这一句话代替page.html中原有的〈BODY〉这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。) 　　【7、在弹出窗口中加上一个关闭按钮】 　　〈FORM〉 　　〈INPUT TYPE=´BUTTON´ VALUE=´关闭´ onClick=´window.close()´〉 　　〈/FORM〉 　　 　　呵呵，现在更加完美了！ 　　 　　【8、内包含的弹出窗口-－－一个页面两个窗口】 　　 　　上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。通过下面的例子，你可以在一个页面内完成上面的效果。 　　〈html〉 　　〈head〉 　　〈SCRIT LANGUAGE="JavaScript"〉 　　function openwin() 　　{ 　　OpenWindow=window.open("", "newwin", "height=250, 　　 　　width=250,toolbar=no,scrollbars="+scroll+",menubar=no"); 　　//写成一行 　　OpenWindow.document.write("〈TITLE〉例子〈/TITLE〉") 　　OpenWindow.document.write("〈BODY BGCOLOR=#ffffff〉") 　　OpenWindow.document.write("〈h1〉Hello!〈/h1〉") 　　OpenWindow.document.write("New window opened!") 　　OpenWindow.document.write("〈/BODY〉") 　　OpenWindow.document.write("〈/HTML〉") 　　OpenWindow.document.close() 　　} 　　〈/SCRIPT〉 　　〈/head〉 　　〈body〉 　　〈a href="#" οnclick="openwin()"〉打开一个窗口〈/a〉 　　〈input type="button" οnclick="openwin()" value="打开窗口"〉 　　〈/body〉 　　〈/html〉 　　看看OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。