js window.open()弹出窗口参数说明及居中设置

时间：2015-11-27 17:25:07 阅读：158 评论：0 收藏：0 [点我收藏+]

标签：

window.open()可以弹出一个新的窗口，并且通过参数控制窗口的各项属性。

最基本的弹出窗口代码

window.open(‘httP://codeo.cn/‘);

window.open()各参数详解

示例代码：

window.open(‘httP://codeo.cn/‘, ‘newwindow‘, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no‘)

各参数详解
　　

‘httP://codeo.cn/’ ：弹出窗口的地址；
‘newwindow’ ：弹出窗口的名字（不是文件名），非必须，可用空”代替；
height=100 ：窗口高度；
width=400 ：窗口宽度；
top=0 ：窗口距离屏幕上方的象素值；
left=0 ：窗口距离屏幕左侧的象素值；
toolbar=no ：是否显示工具栏，yes为显示；
menubar，scrollbars ：表示菜单栏和滚动栏。
resizable=no ：是否允许改变窗口大小，yes为允许；
location=no ：是否显示地址栏，yes为允许；
status=no ：是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

弹出窗口居中方法

function openWin(url,name,iWidth,iHeight) { 
            //获得窗口的垂直位置 
            var iTop = (window.screen.availHeight - 30 - iHeight) / 2; 
            //获得窗口的水平位置 
            var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; 
            window.open(url, name, ‘height=‘ + iHeight + ‘,innerHeight=‘ + iHeight + ‘,width=‘ + iWidth + ‘,innerWidth=‘ + iWidth + ‘,top=‘ + iTop + ‘,left=‘ + iLeft + ‘,status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no‘); 
        }

如何关闭弹出窗口？

在新打开页面中执行代码：

window.opener = null; window.open(‘‘, ‘_self‘); window.close();

新窗口中关闭代码如下：

<input type="button" onclick="window.opener = null; window.open(‘‘, ‘_self‘); window.close();" value="关闭" />

js window.open()弹出窗口参数说明及居中设置

标签：

原文地址：http://www.cnblogs.com/huhangfei/p/5000720.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行