本文摘自:
http://blog.dofy.net/?p=140
使用 window.showModalDialog 打开的窗口没有 opener 对象, 这的确给使用带来了很多麻烦, 以前一直也没用过这个东西, 所以没有更多关注. 今天一个朋友问到这个问题, 于是上网搜索了一下, 找到了解决方案, 发上来供大家参考.
首先来看看 window.showModalDialog 的参数:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) ;
sURL : 打开窗口的地址;
vArguments : 传递参数;
sFeatures : 窗口属性列表;
第一个参数是必须的, 后两个可以省略.
这里我们要利用的就是第二个参数. 原理是将父窗口的被控制对象以参数的形式传递到子窗口, 在子窗口中直接控制这个对象即可.
举例来说:
parent.html
<script type="text/javascript">
function openWin(){
// 子窗口地址
var srcFile = "child.html";
// 子窗口属性
var winFeatures = "dialogHeight:300px; dialogLeft:200px;";
// 将 From 的 ID 作为参数传递到子窗口
var obj = getForm;
// 打开子窗口
window.showModalDialog(srcFile, obj, winFeatures);
}
</script>
<form id="getForm">
回传值:
<input type="text" id="getValue" readOnly>
</form>
<input type="button" value="打开" onClick="openWin()">
child.html
<script type="text/javascript">
function send(){
// 获取参数传递的对象
var obj = window.dialogArguments;
// 控制对象
obj.getValue.value = 'from Child';
}
</script>
<a href="#" onclick="send();">Send</a>
运行 parent.html , 单击 [打开] 按钮弹出对话框, 点击 Send 链接将值传递到 parent 的文本框中.
传递的参数当然也可以是其他对象, 例如 window . 值得注意的是传递的是对象, 而不是字符串.