window.open自适应父窗口并垂直居中

最新推荐文章于 2025-07-17 10:36:06 发布

一位不愿透露姓名的大英俊

最新推荐文章于 2025-07-17 10:36:06 发布

阅读量910

点赞数 1

CC 4.0 BY-SA版权

分类专栏：工作日记

本文链接：https://blog.youkuaiyun.com/wjy199506/article/details/72876255

工作日记专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该页面通过JavaScript实现了点击按钮后打开新窗口的功能，并详细说明了如何设置新窗口的位置和尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<button onclick="btnopen()">点击</button>
<input type="text" value=""/>
<script>
    function btnopen(){
        //设置弹出窗口为浏览器的80%宽，60%高
        var viewheight=(document.body.scrollHeight)*0.6;
        var viewwidth=(document.body.scrollWidth)*0.8;

        //浏览器和屏幕上面和左边的距离
        var t=window.screenY;
        var l=window.screenX;

        var iTop = (document.body.scrollHeight - viewheight) / 2 + t;
        var iLeft = (document.body.scrollWidth -viewwidth) / 2 + l;

        window.open("https://www.baidu.com/","name1","width="+viewwidth+",height="+viewheight+",top="+iTop+",left="+iLeft+"");
    }

</script>
</body>
</html>