本文主要是介绍做一个自适应大小的弹框，子页面不关父页面不能操作，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
弹框的方法：
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 事件的触发，表示页面包含图片等文件在内的所有元素都加载完成。
这篇关于做一个自适应大小的弹框，子页面不关父页面不能操作的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
