javascript 弹出的窗口返回值给父窗口具体实现

时间：2021-05-28

直接上代码，有些地方可以用到：

复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectValue(){
window.open("sub.html","","status:no;resizable:yes;dialogHeight:410px;dialogWidth:460px;unadorne:yes")
}
//-->
</SCRIPT>
</HEAD>

<BODY>
text:<input type="text" name="testInput" /><br>
<input type="button" onclick="selectValue()" value="选择" />
</BODY>
</HTML>

sub.html页面代码是

复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectValues(){
var obj = document.getElementsByName("temp");
var value = "";
for(var i = 0 ;i < obj.length ; i ++){
if(obj[i].checked == true)
value += obj[i].value;
}
window.opener.document.all.testInput.value = value;
window.close();
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<input type="checkbox" name="temp" value="A" /> A <br>
<input type="checkbox" name="temp" value="B"/> B <br>
<input type="checkbox" name="temp" value="C" /> C <br>
<input type="checkbox" name="temp" value="D" /> D <br>
<input type="button" value="OK" onclick="selectValues()"/>
</BODY>
</HTML>

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章