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

2021-03-19 05:23

阅读:400

标签:scroll   win   位置   status   pen   获得   cat   open()   llb   

我们知道,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‘);
}

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

 

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

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

标签:scroll   win   位置   status   pen   获得   cat   open()   llb   

原文地址:https://www.cnblogs.com/yanggb/p/12335033.html


评论


亲,登录后才可以留言!