JS打开新窗口并居中显示

最新推荐文章于 2024-07-01 09:11:36 发布

优雅哥cc

最新推荐文章于 2024-07-01 09:11:36 发布

阅读量1w

点赞数 2

分类专栏： JS学习笔记

本文链接：https://blog.csdn.net/weixin_43742708/article/details/107287330

版权

JS学习笔记专栏收录该内容

29 篇文章 2 订阅

订阅专栏

一、Js打开新窗口并居中显示

HML部分：

<button onclick="openNewWindow('https://www.baidu.com')">打开百度</button>

JS部分:

/*
    功能：打开新得浏览器窗口并居中显示
    参数：
        url:需要打开的url地址
        name:打开的窗口名称，可以为null
        customWidth:窗口的宽度
        customHeight:窗口的高度
*/

function openNewWindow(url, name, customWidth, customHeight) {
    // 设置宽高的默认值
    if(!customWidth){
        customWidth=window.screen.width/1.5;
    }
    if(!customHeight){
        customHeight=window.screen.height/1.5;
    }
    //window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽
    var iTop = (window.screen.height - 30 - customHeight) / 2; //获得窗口的垂直位置;
    var iLeft = (window.screen.width - 10 - customWidth) / 2; //获得窗口的水平位置;

    window.open(url, name, 'height=' + customHeight + ',,innerHeight=' + customHeight + ',width=' + customWidth + ',innerWidth=' +
    customWidth + ',top=' + iTop + ',left=' + iLeft +
        ',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
}