showModalDialog使用例子

来源：互联网发布：smg 淘宝编辑：程序博客网时间：2024/04/29 04:38

showModalDialog使用例子

父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口，关闭刷新父窗口。

(一)showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口。

farther.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE></TITLE><mce:script language="javascript"></mce:script></HEAD><BODY><br>传递到父窗口的值:<input id="txt9" type="text" value="Pass To Child"><br>在子窗口设置的值:<input id="txt10" type="text"><br>从父窗口返回的值:<input id="txt11" type="text"><br><input type ="button" value="打开子窗口" onclick="openChild()"></BODY></HTML>

child.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE></TITLE><meta http-equiv="Expires" CONTENT="0"><meta http-equiv="Cache-Control" CONTENT="no-cache"><meta http-equiv="Pragma" CONTENT="no-cache"></HEAD><BODY><br>父窗口传递来的值:<input id="txt0" type="text"><br>设置父窗口的值:<input id="txt1" type="text"><input type ="button" value="设置父窗口的值" onclick="setFather()"><br>返回到父窗口的值:<input id="txt2" type="text"><input type ="button" value="关闭且返回值" onclick="retrunValue()"><input type ="button" value="关闭刷新父窗口" onclick=""></BODY></HTML><mce:script language=javascript></mce:script>

(二)关闭刷新父窗口的例子

farther.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE></TITLE><mce:script language="javascript"></mce:script></HEAD><BODY><br>传递到父窗口的值:<input id="txt9" type="text" value="Pass To Child"><br><input type ="button" value="openChild" onclick="openChild()"></BODY></HTML>

child.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE></TITLE><meta http-equiv="Expires" CONTENT="0"><meta http-equiv="Cache-Control" CONTENT="no-cache"><meta http-equiv="Pragma" CONTENT="no-cache"></HEAD><BODY><br>父窗口传递来的值:<input id="txt0" type="text"><br><input type ="button" value="关闭刷新父窗口" onclick="winClose(1);"><input type ="button" value="关闭不刷新父窗口" onclick="winClose(0);"></BODY></HTML><mce:script language=javascript></mce:script>