在Javascript 中实现window.open弹出窗口居中显示

最新推荐文章于 2021-01-20 13:46:40 发布

原创最新推荐文章于 2021-01-20 13:46:40 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #url

JS 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的函数，该函数可以根据指定的URL、窗口名称、宽度和高度打开一个新窗口。通过计算屏幕可用区域的尺寸来确定新窗口的位置，从而确保其居中显示。

<Script language="javascript" type="text/javascript">
function openwindow(url,name,iWidth,iHeight)
{
var url;                                 //转向网页的地址;
var name;                           //网页名称，可为空;
var iWidth;                          //弹出窗口的宽度;
var iHeight;                        //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-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');
}
</Script>