首页 > 代码库 > 模式窗体中调用父页面Javascript

模式窗体中调用父页面Javascript

2024-07-11 14:42:06   215人阅读

最近项目中使用模式窗体，遇到以下问题记录一下：

模式窗体：你必须关闭该窗体，才能操作其它窗体；比如说，必须按确定或取消，或者按关闭。

非模式窗体：不必关闭该窗体，就可转换到其它窗体上进行操作。

window.showModalDialog("a.html");//模式窗体

弹出的子页面，无法调用父页面里的js,从而刷新父页面，google一下，发现了解决方案：

  1. 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>

 


联系
我们