一、语法及参数说明:
window.open(pageURL,name,parameters)其中:
pageURL为子窗口路径
name为子窗口句柄
parameters为窗口参数(各参数用逗号分隔)
二、调用方式:
方法一:<body οnlοad="window.open()"> 浏览器读页面时弹出窗口;方法二:<body οnunlοad="window.open()"> 浏览器离开页面时弹出窗口;
方法三:用一个连接调用: <a href="#" οnclick="window.open()">打开一个窗口</a>
方法四:用一个按钮调用: <input type="button" οnclick="window.open()" value="打开窗口">
三、实例:
a.html:
<html>
<head>
<meta charset="utf-8">
<title>open</title>
</head>
<body>
<input type="button" value="打开B页面" onClick="window.open('b.html')">
<input type="button" value="打开B页面" onClick="window.open('b.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')">
</body>
</html>
'b.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
b.html:
<html>
<head>
<meta charset="UTF-8" />
<title>close</title>
<script type="text/javascript">
function closeme(){
var browserName=navigator.appName;
if (browserName=="Netscape") {
window.open('','_parent','');
window.close();
} else if (browserName=="Microsoft Internet Explorer") {
window.opener = "whocares";
window.close();
}
};
</script>
</head>
<body>
<input type="button" value="关闭当前页" οnclick="closeme();">
</body>
</html>
_blank 表示新开一个窗口,
_parent表示父框架窗口,
_self表示覆盖该窗口,
xxx表示覆盖名字为xxx的窗口(每个窗口都可以给他命名)