如何把弹出窗口定位在屏幕的中央?

最新推荐文章于 2018-08-31 10:40:00 发布

转载最新推荐文章于 2018-08-31 10:40:00 发布 · 1.9k 阅读

文章标签：

#url #function

javascript 专栏收录该内容

290 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页弹出窗口居中的方法。通过调整弹出窗口的位置参数，可以使弹窗无论是在整个屏幕还是当前页面中都处于居中状态。此技巧适用于需要创建美观且用户体验良好的弹出窗口的应用场景。

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

//居中弹出窗体
function getwindow(URL,width,height)
{
//根据屏幕居中
window.open(URL,'','width='+width+',height='+height+',top='+(screen.height-height)/2+',left='+(screen.width-width)/2);
//下面是根据页面居中
//window.open(URL,'','width='+width+',height='+height+',top='+(document.body.offsetHeight-height)/2+',left='+(document.body.offsetWidth-width)/2);
//window.open(URL,'','width='+width+',height='+height+',top=250,left='+document.body.offsetWidth/3);
}
---------------------------------------------------------------

弹出窗口中加上:
<body>
....
</body>
<script>
top.moveTo(screen.width/2-document.body.clientWidth/2,screen.height/2-document.body.clientHeight/2)
</script>