本文通过两个HTML文件演示了如何使用JavaScript创建弹出窗口，并实现数据的双向传递。父页面通过调用`showModalDialog`函数打开子页面，并接收从子页面返回的数据。
1.dd.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>父页</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function toPopup() {
showx = event.screenX - event.offsetX - 200 ;
showy = event.screenY - event.offsetY - 100 ;
var value = window.showModalDialog("kk.htm","Calendar","dialogTop:"+showy+";dialogLeft:"+showx+";dialogWidth:280px;dialogHeight:260px;status:no;resizable:no;help:no;scrollbars:no");
document.getElementById("return1").innerHTML=value;
alert(value);
}
//-->
</SCRIPT>
<INPUT TYPE="button" value="提交" onclick="toPopup();"/>
<span id="return1"/></span>
</BODY>
</HTML>
2.kk.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function toReturn() {
window.returnValue="返回了";
window.close();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="button" value="提交" onclick="toReturn();"/>
</BODY>
</HTML>
扫一扫
445
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
