主网页 main.asp
<html>
<head>
<script language=javascript>
<!--
function ToGetData()
{ var HadData=window.showModalDialog("children.asp",window,'scroll:0;status:0;help:0;resizable:0;dialogWidth:240px;dialogHeight:200px');
myform.databox.value=HadData
}
-->
</head>
<body>
<form name=myform>
<input name=databox onclick="ToGetDate()">
</form>
</body>
</html>
子网页 children.asp
<html>
<head>
<script language=javascript>
<!--
function go()
{ window.returnValue=dataform.datasource.value
}
-->
</head>
<body onunload="go()">
<form name=dataform>
<input name=datasource >
</form>
</body>
</html>
<html>
<head>
<script language=javascript>
<!--
function ToGetData()
{ var HadData=window.showModalDialog("children.asp",window,'scroll:0;status:0;help:0;resizable:0;dialogWidth:240px;dialogHeight:200px');
myform.databox.value=HadData
}
-->
</head>
<body>
<form name=myform>
<input name=databox onclick="ToGetDate()">
</form>
</body>
</html>
子网页 children.asp
<html>
<head>
<script language=javascript>
<!--
function go()
{ window.returnValue=dataform.datasource.value
}
-->
</head>
<body onunload="go()">
<form name=dataform>
<input name=datasource >
</form>
</body>
</html>
本文介绍了一种通过JavaScript实现主网页与子网页间的数据交互方法。主网页通过调用showModalDialog函数打开子网页并传递参数,子网页完成数据输入后返回给主网页。此方案适用于需要弹窗输入数据并与主页面交互的场景。
5459

被折叠的 条评论
为什么被折叠?



