showModelessDiablog()的参数回调，以及父级页面元素引用的方法

最新推荐文章于 2016-11-09 15:56:00 发布

原创最新推荐文章于 2016-11-09 15:56:00 发布 · 940 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #function #input

Js Web 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何使用showModelessDialog及showModalDialog方法创建并调用子窗口进行数据交互。重点讲解了通过dialogArguments和window.returnValue属性实现父窗口与子窗口之间的数据传递，并提供了具体的示例代码。

父级页面：
showModelessDialog("myDialog.htm",window,"status:false;dialogWidth:300px;dialogHeight:300px");

showModelessDiablog的内容页面
var pWin = dialogArguments;

引用方式
pWin .jsfunction()
pWin .document.getElementById("")

注意这里的window，如果使用document的话，将不能调用jsfunction()而且pWin就继承了原窗口的document，此时调用元素或者赋值应该使用
pWin.getElementById('identity').value="newVal"

另外一种参数回调

a.htm
===================
<script>
var a = window.showModalDialog("test5.htm")
for(i=0;i<a.length;i++) alert(a[i])
</script>

b.htm
===================
<script>
function sendTo()
{
var a=new Array("a","b")
window.returnValue = a
window.close()
}
</script>
<body>
<form>
<input value="返回" type=button onclick="sendTo()">
</form>