版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://ligang.blog.csdn.net/article/details/41951407
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的窗口(每个窗口都可以给他命名)