javascript - 关闭模态窗口后如何刷新特定的 div？

Question

我有一个模态窗口，当我添加一个项目时它会关闭。模态窗口关闭后，父页面将刷新。但我不希望整个窗口关闭，但我希望刷新特定的 div。有什么 javascript 方法可以做到吗？

Answer 1

您可以在关闭子窗口的同时调用父窗口中的javascript 方法。这很简单。

你可以有一个javascript方法来刷新div的内容

<script language=”javascript” type=”text/javascript”>
function ParentWindowFunction()
{
    alert(‘Need to refresh targetdiv. I am instructed from child window’);
    //refresh the div
    return false;
}
</script>

在子窗口中，您可能有一些按钮可以关闭该窗口，也可以调用父窗口的 javascript

<script language=”javascript” type=”text/javascript”>
function CallParentWindowFunction()
{
    window.opener.ParentWindowFunction();
    return false;
}
</script>

<input type=”button”  name=”btn1″ value=”Call Parent Window Function” onclick=”javascript:return CallParentWindowFunction();”/>