JavaScript实现提交模式窗口后刷新父窗口数据的方法
程序员文章站
2024-01-07 21:28:16
本文实例讲述了javascript实现提交模式窗口后刷新父窗口数据的方法。分享给大家供大家参考，具体如下：
有些时间，按需求设计，一个窗口中，点击按扭，弹出模式窗口，在模...
本文实例讲述了javascript实现提交模式窗口后刷新父窗口数据的方法。分享给大家供大家参考，具体如下：
有些时间，按需求设计，一个窗口中，点击按扭，弹出模式窗口，在模式窗口中，添加完数据后（提交），关闭模式窗口，并且刷新父窗口，而恰恰模式窗口并不支持window.opener,所以无法获得父窗口，也就是说无法在关闭模式窗口后，来得到父窗口，但是可以借助showmodealdialog的返回值来判断是否刷新，当调用showmodealdialog时，父窗口代码会停在这一行，当弹出的模式窗口关闭时给window.returnvalue赋值，再调用window.close()方法，最后submit提交，等数据提交后，会关闭了模式窗口，此时程序返回到父窗口，showmodealdialog得到返回值，接下来，根据返回值即可决定是否要reload，注意：为避免打开新窗口，一定要在父窗口的<head>下加入<base target="_self" />,这样子就实现了关闭模式窗口来刷新父窗口了。
代码1：parent form
function showdatas(){
var re=window.showmodaldialog("url","parameter","description");
if(re==1){
window.location.reload();
}
}
代码2：modal form
function subform(){
window.returnvalue="1";
window.close();
document.getelementbyid("myform").submit();
}
更多关于javascript相关内容感兴趣的读者可查看本站专题：《javascript窗口操作与技巧汇总》、《javascript中json操作技巧总结》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》及《javascript数学运算用法总结》
希望本文所述对大家javascript程序设计有所帮助。