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

【3、用函数控制弹出窗口】

　　下面是一个完整的代码：
　　
　　〈html〉
　　〈head〉
　　〈script LANGUAGE="JavaScript"〉
　　〈!--
　　function openwin() {
　　window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
　　//写成一行
　　}
　　//--〉
　　〈/script〉
　　〈/head〉
　　〈body onload="openwin()"〉
　　...任意的页面内容...
　　〈/body〉
　　〈/html〉

　　这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？
　
　　方法一：〈body onload="openwin()"〉 浏览器读页面时弹出窗口；
　
　　方法二：〈body onunload="openwin()"〉 浏览器离开页面时弹出窗口；
　
　　方法三：用一个连接调用：〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉
注意：使用的“#”是虚连接。
　
　　方法四：用一个按钮调用：〈input type="button" onclick="openwin()" value="打开窗口"〉

　　【4、同时弹出2个窗口】

　　对源代码稍微改动一下：
　　〈script LANGUAGE="JavaScript"〉
　　〈!--
　　function openwin() {
　　window.open ("page.html", "newwindow", "height=100, width=100,
　　top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
　　location=no,status=no")
　　//写成一行
　　window.open ("page2.html", "newwindow2", "height=100, width=100, 　　
　　top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, 　
　　location=no,status=no")
　　//写成一行
　　}
　　//--〉
　　〈/script〉
　
　　为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？

关键词：小窗口大学问--玩转弹出窗口(2)