window.showModalDialog刷新父窗口父子窗口这间传值问题

最新推荐文章于 2025-12-03 23:30:00 发布

转载最新推荐文章于 2025-12-03 23:30:00 发布 · 1k 阅读

文章标签：

#html #button #function #object #input #javascript

JavaScript编程专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在网页开发中实现子窗口刷新父窗口、仅传值而不刷新及结合两者的方法。通过具体示例代码展示了不同场景下如何正确配置参数以达到预期效果。

第一个问题：刷新父窗口(没有传值操作) 父页面打开时一定要传window参数 openModalDialog("son.html",window,800,600); 子页面中刷新： window.dialogArguments.location="parent.html";//parent.html是父页面的地址实例： parent.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> </TITLE> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY> <input type="button" value="open" onclick="show()"> </BODY> </HTML> son.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY> ssssssssssssssssssssssssssssssssss <input type="button" value="close" onclick="aa()"> </BODY> </HTML> ================================= 第二个问题：只传值不刷新 parent2.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY> <input type="button" value="open" onclick="show()"> aaaaaaaaaaaaaaaaaanfddddaas <input type="text"> </BODY> </HTML> son2.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY> ssssssssssssssssssssssssssssssssss </BODY> </HTML> 第三个问题：传值＋刷新父窗口 father.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>传值＋刷新父窗口 </TITLE> <mce:script language="javascript"></mce:script> </HEAD> <BODY> <input type="button" value="打开子窗口" onclick="openson()"> </BODY> </HTML> child.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> <mce:script for="window" event="onload"></mce:script> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY> <input type="button" value="返回刷新" onclick="doRefresh()"> <input type="button" value="返回不刷新" onclick="doNotRefresh()"> </BODY> </HTML> 第四个传值＋刷新的实际应用 parent3.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>传值＋刷新</title> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY> <input type="button" value="open" onclick="show()"> aaaaaaaaaaaaaaaaaanfddddaas <input type="text"> </BODY> </HTML> son3.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY> sdafsdfafasdf<br> <input type="button" value="closeAndRefresh" onClick="closeWindow()" /> <input type="button" value="closeAndRefresh" onClick="doNotRefresh()" /> </BODY> </HTML>

另请参考：http://www.cnblogs.com/tohen/archive/2007/12/15/995868.html