做一个自适应大小的弹框，子页面不关父页面不能操作

最新推荐文章于 2022-10-25 17:19:10 发布

小林一

最新推荐文章于 2022-10-25 17:19:10 发布

阅读量1.2k

点赞数 2

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/u011217058/article/details/51679475

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

弹框的方法：
function tankuang(){

window.showModalDialog(“bb.html”,”“,’center: Yes; resizable: Yes; status: no; scroll: No’);

弹框页面bb.html:

<html>
  <head>
    <title>bb.html</title>

    <script type="text/javascript">

    function aaa(){    

      window.dialogTop   = (screen.height-document.getElementById("div1").offsetHeight)/2+"px";
      window.dialogLeft  = (screen.width-document.getElementById("div1").offsetWidth)/2+"px";
      window.dialogWidth = document.getElementById("div1").offsetWidth+"px";
      window.dialogHeight = document.getElementById("div1").offsetHeight+"px";
    }

    </script>

  </head>

  <body onload="aaa()">
   <div id="div1" style="width: auto;height: auto;border: 1px red solid;float: left;padding: 20px">
         内容存放位置<br>
      </div>
  </body>
</html>

window.showModalDialog和window.open的区别：

前者是阻塞式模态窗口，只有把弹框关闭后才能操作父页面，后者是非阻塞式，子页面不关闭可以直接操作父页面

onload ()和ready()的区别：
ready 事件的触发，表示文档结构已经加载完成（不包含图片等非文字媒体文件）。
onload 事件的触发，表示页面包含图片等文件在内的所有元素都加载完成。

小林一

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
做一个自适应大小的弹框，子页面不关父页面不能操作

弹框的方法： function tankuang(){window.showModalDialog(“bb.html”,”“,’center: Yes; resizable: Yes; status: no; scroll: No’); }弹框页面bb.html:<html> <head> <title>bb.html</title> <script type="t
复制链接

扫一扫

专栏目录