window.open()打开弹窗居中显示

Posted 2021-03-08 yanggb

我们知道，window.open()如果不设置样式的话，弹出窗体的时候都是小小的一块在左上角，所以我们使用的时候通常要添加样式，而居中显示是符合现代审美与使用习惯的关键一点。

function openWin(url, name, iWidth, iHeight) {
    var url; // 转向网页的地址;
    var name; // 网页名称，可为空;
    var iWidth; // 弹出窗口的宽度;
    var iHeight; // 弹出窗口的高度;
    // window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽
    var iTop = (window.screen.height - 30 - iHeight) / 2; // 获得窗口的垂直位置;
    var iLeft = (window.screen.width - 10 - iWidth) / 2; // 获得窗口的水平位置;
    window.open(url, name, ‘height=‘ + iHeight + ‘,innerHeight=‘ + iHeight
　　　　+ ‘,width=‘ + iWidth + ‘,innerWidth=‘ + iWidth + ‘,top=‘ + iTop + ‘,left=‘ + iLeft
　　　　+ ‘,toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no‘);
}

封装成一个函数，方便以后调用。

 

"喜欢一个人是藏不住的。"