弹框的方法:
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 事件的触发,表示页面包含图片等文件在内的所有元素都加载完成。