开发学院网页设计 JavaScript 制作Javascript弹出窗口技巧九则阅读

制作Javascript弹出窗口技巧九则

　2010-09-14 13:03:07　来源：WEB开发网　　　

核心提示： 怎么调用呢？方法一：< body onload="openwin()"> 浏览器读页面时弹出窗口；方法二：< body onunload="openwin()"> 浏览器离开页面时弹出窗口；方法三：用一个连接调用：< a

怎么调用呢？

方法一：< body onload="openwin()"> 浏览器读页面时弹出窗口；

方法二：< body onunload="openwin()"> 浏览器离开页面时弹出窗口；

方法三：用一个连接调用：< a href="http://cms.ddvip.com/index.php#" 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？

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