Question

我目前正在使用以下代码打开一个弹出窗口，并在弹出窗口关闭时刷新父窗口。

父/打开弹出链接代码

<script type="text/javascript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=600,left = 433,top = 84');");
}
// End -->
</script>
<a href="javascript:popUp('reminder.php?order=1234&amp;delete')">Open the Popup Window</a>

弹出窗口代码

<body onunload="window.opener.location=window.opener.location;">

是否可以编辑此代码，以便不刷新整个父窗口而只刷新特定的div（及其内容）？我希望可以使用像getelementbyid这样的东西。

弹出窗口用于删除存储在数据库中的提醒。删除提醒后，我只想将该div设为空白（表示已将其删除）。它不需要刷新，只需要删除它的内容。

谢谢：）

Answer 1

您可以在父级（开场白）中创建一个全局函数，并且只要它们在同一个域上就可以调用它：

function clearDiv(){
    document.getElementById('mydiv').innerHTML = '';
}

然后在弹出窗口中：

window.onunload = function(){
   window.opener.clearDiv();
}

使用onunload关闭弹出窗口后刷新div

1 个答案: