js（window.open）浏览器弹框居中显示

最新推荐文章于 2021-11-16 19:37:01 发布

转载最新推荐文章于 2021-11-16 19:37:01 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yangwujun/p/7773290.html

文章标签：

#javascript #ViewUI

本文提供了一个使用JavaScript实现网页弹窗功能的示例代码。通过设置弹窗的位置、尺寸等属性，可以轻松地在页面中添加自定义大小和位置的弹窗。此方法适用于需要快速部署简单弹窗通知的应用场景。

    <span style="background-color: rgb(204, 204, 204);"><html>   
    <meta name="name" content="content" charset="utf-8">  
    <head>   
    <script LANGUAGE="javascript">   
          
      
    function openwin(){  
        var openUrl = "http://www.baidu.com";//弹出窗口的url  
        var iWidth=400; //弹出窗口的宽度;  
        var iHeight=100; //弹出窗口的高度;  
        var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;  
        var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;  
        window.open(openUrl,"","height="+iHeight+", width="+iWidth+", top="+iTop+", left="+iLeft);   
    }  
    </script>   
    </head>   
    <body >   
    <a href="javaxript:" onclick="openwin()">点击</a>  
    </body>   
    </html></span>

window.open('OperationDetail.aspx?id=' + id, "", "height=" + 400 + ", width=" + 600 + ", top=" + (window.screen.availHeight - 30 - 400) / 2 + ", left=" + (window.screen.availWidth - 10 - 600) / 2);