JavaScript实现提交模式窗口后刷新父窗口数据的方

本文介绍了如何使用JavaScript实现提交模式窗口后刷新父窗口数据的方法，适用于需要进行窗口间数据交互的开发者们参考。

在实际应用中，我们经常遇到这样的场景：在父窗口中打开一个模式窗口，用户在模式窗口完成数据录入并提交后，需要关闭模式窗口并刷新父窗口的数据。由于某些限制，模式窗口无法使用window.opener访问父窗口。这时，我们可以通过showModealDialog的返回值来判断是否需要刷新父窗口。

具体实现方法如下：

在父窗口中，调用showModealDialog函数打开模式窗口，并传入相关参数。然后，通过判断返回值来确定是否刷新父窗口。如果返回值为1，说明模式窗口中的数据已经提交，此时可以通过window.location.reload()来刷新父窗口。

为避免打开新窗口，需要在父窗口的标签内加入。这样，模式窗口关闭时，程序会返回到父窗口。

以下是相关代码示例：

父窗口代码：

function showDatas(){

var re = window.showModalDialog("url", "parameter", "description"); // 打开模式窗口

if(re == 1){ // 如果返回值为1，则刷新父窗口

window.location.reload();

}

}

模式窗口代码：

function subForm(){

window.returnValue = "1"; // 设置返回值

window.close(); // 关闭模式窗口

document.getElementById("myForm").submit(); // 提交表单

}

希望本文所述对大家的JavaScript程序设计有所帮助。对于更多关于JavaScript的内容，读者可查看本站专题，如《JavaScript入门教程》、《JavaScript进阶技巧》、《JavaScript实战案例》等，以获取更深入的了解和学习。