本文介绍了模式窗体与非模式窗体的区别，并通过示例展示了如何利用JavaScript实现子窗体与父窗体之间的数据传递及刷新。
最近项目中使用模式窗体，遇到以下问题记录一下：
模式窗体：你必须关闭该窗体，才能操作其它窗体；比如说，必须按确定或取消，或者按关闭。
非模式窗体：不必关闭该窗体，就可转换到其它窗体上进行操作。
window.showModalDialog("a.html");//模式窗体
弹出的子页面，无法调用父页面里的js,从而刷新父页面，google一下，发现了解决方案：
- parent.html
<html> <head> <script language="text/javascript"> function openwindow(){ retval=window.showModalDialog("child.html") Alert(retval); document.getElementById('text1').value=retval } function Alert(msg){ alert(msg); } </script>
</head>
<body>
<form name=frm>
<input name=text1 type=text id="text1"/>
<input type=button onclick="javascript:openwindow()" value="Open window..">
</form>
</body>
</html>
2. child.html
<html> <head> <script language="javascript"> function changeparent(){ window.returnValue="Value changed.." window.close() } </script> </head> <body> <form> <input type=button onclick="javascript:changeparent()" value="Change main window’s textbox value.."> </form> </body> </html>
扫一扫
165
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
