打开或关闭新窗口
打开一个新窗口
widnow.open(url [, windowName, setting])
函数用来告诉浏览器打开一个新窗口。比如说:
1
2
3
|
<script>
window.open("./demo02.html");
</script>
|
案例源码
页面打开后,浏览器会打开一个新的窗口,窗口的网址是./demo02.html
;
参数 url
url
用来设置新窗口的网址,可以是本地的一个文件地址,也可以是网络上的一个地址,比如:
1
2
3
4
5
6
7
|
<script>
// 在新窗口中打开百度
window.open("http://www.baidu.com");
// 在新窗口中打开本地的一个图片文件
window.open("../images/01.png");
</script>
|
案例源码
参数 windowName
windowName
用来设置新窗口的name
属性,也就是新窗口的名字。没有设置的时候是空字符串""
1
2
3
4
|
<!-- demo03.html -->
<script>
window.open("./demo04.html", "new window demo04");
</script>
|
案例源码
参数 setting
setting
参数中可以设置新窗口的一些属性,常见的有:
1
2
3
4
5
6
7
|
<script>
window.open(
"./demo04.html",
"new window demo04",
"width=300,height=300,left=30,top=30,resizable=no",
);
</script>
|
案例源码
返回值
window.open()
方法返回新窗口的一个引用对象,通过引用对象,可以获取新窗口的一些属性,比如获取新窗口的名称(name 属性),或者修改新窗口的网址。这些属性会在后面一一讲解。
1
2
3
4
5
6
7
8
9
10
|
<script>
var newWindow = window.open("./demo04.html", "new window demo04");
console.log("新窗口的name属性值是:", newWindow.name);
// 这是一个定时器,表示2秒后,修改新窗口的网址,跳转到demo02.html
setTimeout(function() {
newWindow.location.href = "./demo04.html";
}, 2000);
</script>
|
案例源码
关闭窗口
close()
方法用来关闭当前窗口,或者关闭新打开的窗口。
1
2
3
4
5
6
|
// 关闭当前窗口
window.close();
// 关闭刚打开的新窗口
var newWindow = window.open("./demo04.html", "new window demo04");
newWindow.close();
|
案例源码