4

我正在尝试从模式弹出窗口中对我的父类进行简单的调用，但 IE 一直在与我作斗争。任何解决它的建议将不胜感激。

下面是我尝试使用的精简代码。它在 FireFox 中运行良好，但在 IE 中引发错误 - “对象不支持此属性或方法”，引用“Catch”块中的代码行。这意味着 Try 和 Catch 块中的行都不起作用。

父.html

<html><head>
<script>
function callMain(msg)
{
    alert(msg);
}

function modalWin() {
    if (window.showModalDialog) {
        window.showModalDialog("topFrame1.html","name",
        "dialogWidth:255px;dialogHeight:250px");
    } else {
        window.open('topFrame1.html','name',
        'toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes');
    }
}

function getMainFrameVal()
{
    return document.getElementById("mainframe").value;
}

</script>
</head> <body>
<a href="#" onclick="modalWin()" >PopUpWindow</a>
<form>
<input type=text id="mainframe" value="main"/>
</body></html>

topFrame1.html

<html><head>
<script type="text/javascript">
function getMain(){
try{
    alert("1 "+ window.opener.getMainFrameVal());
}catch(e)
{
    alert("2 " +window.parent.getMainFrameVal());
}
}
</script>
</head> <body>
TOP <a href="#" onclick="getMain()">click for main</a> <br/><br/>
</body></html>
4

2 回答 2

0

IE 模态对话框并不是一个真正的窗口，并且不支持 window.opener。要引用父窗口，您必须将窗口引用作为对话框参数的一部分传递，如下所示：

    window.showModalDialog("topFrame1.html",["name", window],
    "dialogWidth:255px;dialogHeight:250px");

然后您可以使用以下行引用子项中的父项：

    alert("1 "+ window.dialogArguments[1].getMainFrameVal());

不过我的建议是完全远离 IE 对话框，只使用一种适用于所有浏览器的解决方案，例如window.open()jQuery dialogs。

于 2011-11-29T00:24:50.643 回答
0

window.opener用于打开弹出窗口window.open()。

您确定 parent.html 是 topFrame1.html 的父级并且您没有偷偷使用框架集或其他东西吗？

于 2011-11-29T00:17:20.460 回答