最近项目中使用模式窗体,遇到以下问题记录一下:
模式窗体:你必须关闭该窗体,才能操作其它窗体;比如说,必须按确定或取消,或者按关闭。
非模式窗体:不必关闭该窗体,就可转换到其它窗体上进行操作。
一:非模式化窗体就是用
1.var val = parent.document.getElementById("txt1"); var val = parent.document.getElementById("txt1");
二:模式窗体
- parent.html
<html> <head> <script language="text/javascript"> function openwindow(){ //这个父页面通过 retval获取子页面的window.returnValue返回来的值 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把值返回父页面 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>