BOM中window对象之打开和关闭窗口

打开和关闭窗口

window对象提供了 window.open()方法和 window.close()方法分别用于打开窗口和关闭窗口,使用window.open()方法即可打开一个新的窗口,并可以设置新窗口的 URL 、标题以及大小

属性,window.open() 的基本语法为:

window.open(URL , 窗口名字 , 特征 , 是否替换);

第一个参数为新打开窗口的URl地址,如果为空,则打开页面为白板
第二个参数为打开窗口的名字
第三个参数为新窗口显示标准浏览器的特征,详情如下表
第四个参数代表着指定的URL是否取代浏览器记录中的当前加载页面,true为替换浏览器记录中的当前加载页面,false为创建浏览器历史记录中的创建新的页面

属性值 描述
height 窗口的高度,单位为像素,最小值为100
left 该窗口的左侧位置,单位为像素
location 是否显示浏览器的地址栏。默认值为yes
memubar 是否显示浏览器的菜单栏。默认值为yes
resizable 是否可以改变浏览器窗口的大小。默认值为yes
scrollbars 是否显示浏览器的滚动条。默认值为yes
status 是否显示浏览器的状态栏。默认值为yes
titlebar 是否显示浏览器的标题栏。默认值为yes
top 窗口顶部的位置,单位为像素
width 窗口的宽度,单位为像素,最小值为100

实例如下:

<body>
    <h1>父窗口</h1>    
    <button onclick="    
    subWin = window.open('subWindow.html','子窗口','width=500','height=500','top=100','left=100');    
    ">打开子窗口</button>    
    <button onclick="    
    if (subWin!=null && !subWin.closed) {//存在且不是关闭状态 
    	subWin.close();    
    }     
    ">关闭子窗口</button>    
    <script>        
    	var subWin = null;//定义子窗口    
    </script>
</body>

感觉还可以点个关注吧!

你可能感兴趣的:(BOM中window对象之打开和关闭窗口)