1 打开新窗口(window.open) |
open() 方法可以查找一个已经存在或者新建的浏览器窗口。 |
语法: |
window.open([URL], [窗口名称], [参数字符串]) |
参数说明: |
URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。 |
窗口名称:可选参数,被打开窗口的名称。 |
1.该名称由字母、数字和下划线字符组成。 |
2. "_top" 、 "_blank" 、 "_selft" 具有特殊意义的名称。 |
_blank:在新窗口显示目标网页 |
_self:在当前窗口显示目标网页 |
_top:框架网页中在上部窗口中显示目标网页 |
3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。 |
4.name 不能包含有空格。 |
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。 |
参数表: |
参数 值 说明 |
top Number 窗口顶部离开屏幕顶部的像素数 |
left Number 窗口左端离开屏幕左端的像素数 |
width Number 窗口的宽度 |
height Number 窗口的高度 |
menubar yes,no 窗口有没有菜单 |
toolbar yes,no 窗口有没有工具条 |
scrollbars yes,no 窗口有没有滚动条 |
status yes,no 窗口有没有状态栏 |
例如:打开http: //www.imooc.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口: |
<script type= "text/javascript" > window.open( 'http://www.imooc.com' , '_blank' , 'width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes' ) |
</script> |
注意:运行结果考虑浏览器兼容问题。 |
2 关闭窗口(window.close) |
close()关闭窗口 |
用法: |
window.close(); //关闭本窗口 |
或 |
<窗口对象>.close(); //关闭指定的窗口 |
例如:关闭新建的窗口。 |
<script type= "text/javascript" > |
var mywin=window.open( 'http://www.imooc.com' ); //将新打的窗口对象,存储在变量mywin中 |
mywin.close(); |
</script> |
注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。 |