子窗口向父窗口传值-阿里云开发者社区

子窗口向父窗口传值

2017-11-07 1007

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

父子窗口之间传值是经常遇到的问题

parent.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>子窗口传值给父窗口</title>
<script language="JavaScript" type="text/javascript">
function openWin(u, w, h) {
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l;
s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no';
open(u, 'oWin', s);
}
function openIt(){
window.open("page2.htm",400,300);
}
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" value="Go" onclick="openIt()" />
</body>
</html>

child.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>子窗口传值给父窗口</title>
<script language="JavaScript" type="text/javascript">
function goback(obj){
window.opener.document.getElementById("text1").value = obj.value;
window.close();
}
</script>
</head>
<body>
<div><input type="button" value="sucre" onclick="goback(this)" /></div>
<div><input type="button" value="javaeye" onclick="goback(this)" /></div>
</body>
</html>

本文转自sucre03 51CTO博客，原文链接：http://blog.51cto.com/sucre/380591，如需转载请自行联系原作者

子窗口向父窗口传值