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

制作Javascript弹出窗口技巧九则

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

核心提示： < SCRIPT LANGUAGE="javascript">< !--window.open ("page.html", "newwindow", "height=100, width=400, to

　　< SCRIPT LANGUAGE="javascript">
　　< !--
　　window.open ("page.html", "newwindow", "height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")
　　//写成一行
　　-->
　　< /SCRIPT>

参数解释：

< SCRIPT LANGUAGE="javascript"> js脚本开始；

window.open 弹出新窗口的命令；

"page.html" 弹出窗口的文件名；

"newwindow" 弹出窗口的名字（不是文件名），非必须，可用空"代替；

height=100 窗口高度；

width=400 窗口宽度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；

location=no 是否显示地址栏，yes为允许；

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

< /SCRIPT> js脚本结束

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(),函数内容就是打开一个窗口。在调用它之前没有任何用途。