JavaScript子窗口ModalDialog中操作父窗口对像

在JavaScript中，如果你在一个子窗口（比如通过`window.open()`打开的ModalDialog或普通窗口）中需要操作父窗口的对象，你可以通过`window.opener`属性来访问父窗口。但是，需要注意的是，`ModalDialog`并不是标准JavaScript API中的一部分，它可能是特定浏览器或框架中的实现（如Internet Explorer的`showModalDialog`方法）。不过，这里我将给出一种通用的方法来操作父窗口对象，以及一个假设的`ModalDialog`场景下的处理方式。

### 通用方法（适用于标准窗口）

假设你有一个父窗口（parent.html）和一个子窗口（child.html），你可以在子窗口中通过`window.opener`来访问父窗口的对象。

**父窗口（parent.html）**:

<script>
function parentFunction() {
    alert('这是父窗口的函数');
}

function openChildWindow() {
    window.open('child.html', '_blank', 'width=400,height=300');
}
</script>
<button onclick="openChildWindow()">打开子窗口</button>

**子窗口（child.html）**:

<script>
function callParentFunction() {
    if (window.opener && !window.opener.closed) {
        window.opener.parentFunction(); // 调用父窗口的函数
    } else {
        alert('父窗口已关闭或无法访问');
    }
}
</script>
<button onclick="callParentFunction()">调用父窗口的函数</button>

### 假设的ModalDialog场景

对于`showModalDialog`（这主要是旧版IE浏览器的特性），你不能直接像`window.open`那样通过`window.opener`访问父窗口，因为`showModalDialog`打开的窗口是模态的，并且其`window.opener`属性通常不是指向调用它的窗口。但是，你可以通过`dialogArguments`向`showModalDialog`传递参数，并通过返回值来与父窗口通信。

**父窗口（parent.html）**:

<script>
function openModalDialog() {
    var returnValue = window.showModalDialog('child.html', '这是传递给子窗口的参数', 'dialogWidth:400px;dialogHeight:300px;');
    alert('子窗口返回的值: ' + returnValue);
}
</script>
<button onclick="openModalDialog()">打开模态对话框</button>

**子窗口（child.html）**:

<script>
function closeDialogAndReturnValue() {
    window.returnValue = '这是子窗口返回给父窗口的值'; // 设置返回值
    window.close(); // 关闭对话框
}
</script>
<button onclick="closeDialogAndReturnValue()">关闭并返回值给父窗口</button>

注意：由于`showModalDialog`是非标准的，且在现代浏览器中已不再支持，建议使用HTML5的`