WEB通用弹出子页面且置顶

最新推荐文章于 2021-12-12 20:53:26 发布

原创最新推荐文章于 2021-12-12 20:53:26 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #iframe #function #filter #div #url

asp.net 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个使用纯JavaScript实现的网页弹窗功能。该方法通过修改特定元素的样式属性来显示和定位弹窗，并且能够调整弹窗的位置和大小以适应不同的窗口尺寸。此外，还提供了一个关闭弹窗的功能。

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

function openpopwin( url, h, w )
{
     document.getElementById( "popwin" ).style.display = "block";
     document.getElementById( "popwinback" ).style.display = "block";
     document.getElementById("popwinweb").src = url;
     document.getElementById( "popwin" ).style.top = ( document.documentElement.clientHeight - h ) / 2;
     document.getElementById( "popwin" ).style.left = ( document.documentElement.clientWidth - w ) / 2;
     document.getElementById( "popwin" ).style.height = h;
     document.getElementById( "popwin" ).style.width = w;
     document.getElementById("popwinweb").height = h;
     document.getElementById("popwinweb").width = w;
     document.getElementById( "popwinback" ).style.height = document.body.scrollHeight;
     document.getElementById( "popwinback" ).style.width = document.body.scrollWidth;

}
// 关闭提示画面
function closepopwin()
{
     document.getElementById( "popwin" ).style.display = "none";
     document.getElementById( "popwinback" ).style.display = "none";
     document.getElementById("popwinweb").src = "about:blank";
}