js window.open()打开窗口函数的使用举例

发布时间:2020-11-18编辑:脚本学堂
本文介绍下,js中的window.open()函数的例子,有需要的朋友,可以参考下。

javascript中,实现跳出一个小窗口广告或通知,只需将<body>改为:
 

复制代码 代码示例:
< body onload=window.open("new.htm","脚本学堂","left=100,top=50,height=300,width=150,menubar=yes,toolbar=yes,location =yes,status=yes,scrollbars=yes,resizable=yes")>

即可。

代码说明:
"new.htm"是跳出小窗口的 地址,"脚本学堂"是跳出新窗口的标题,可省略,left是指左边距,top指上边距,height是高,width指宽,它们的单位默认都是像素, menubar,toolbar,location,status,scrollbars分别指菜单栏,工具栏,地址栏,状态栏,滚动条,用yes表示显 示,用no表示不显示,resizable指跳出的新网页是否可改变大小。

另一种实现方法,即在任意位置加入以下代码:
 

复制代码 代码示例:
<script language="javascript">
<!--
window.open('new.htm','','left=100,top=50,height=300,width=150,
menubar=yes,toolbar=yes,location=yes,status=yes,scrollbars=yes,
resizable=yes');
// -->
</script>

大家可能见过,在离开页面时跳出一个窗口,它也是函数window.open()实现的!
不过,这里不是onload了,而是 onunload,onload是页面装载时,onunload不就是离开页面时吗!
代码如下:
 

复制代码 代码示例:
<body onunload="leave()">
<script language="javascript">
<!--
function leave() {
window.open('http://www.jb200.com','',
'left=70,top=50,height=400,width=650,
status=yes,resizable=yes,scrollbars=yes');//这里可以根据你的需要自己修改
}
//   -->
</script>

另外,还可以用函数window.open()实现全屏窗口。