javascript 句柄传值 两个页面案例
【摘要】 aa.htm
<html> <head> <title>父窗口</title><script language="javascript" type="text/javascript"> var newWindow; function openWindow(){ newWindow = win...
aa.htm
-
<html>
-
-
<head>
-
-
<title>父窗口</title>
-
<script language="javascript" type="text/javascript">
-
-
var newWindow;
-
-
function openWindow(){
-
newWindow = window.open("bb.htm", "", "width=400,height=300");
-
}
-
-
function changeChild(){
-
//取出父窗口文本框传值给子窗口文本框
-
newWindow.document.getElementById("ct").value=document.getElementById("ft").value;
-
//清空父窗口
-
document.getElementById("ft").value = "";
-
}
-
-
//便利子窗口传递过来的对象
-
function blobj(){
-
for(ind in newWindow){
-
alert(newWindow[ind]);
-
}
-
}
-
-
-
-
</script>
-
</head>
-
-
<body>
-
-
<input type="button" value="开启子窗口" οnclick="openWindow()" /><br/>
-
<input type="text" id="ft"/><input type="button" value="传值" οnclick="changeChild()"/><br/>
-
-
<input type="button" value="便利传递过来的对象" οnclick="blobj()"/>
-
</body>
-
-
</html>
bb.htm
-
<html>
-
-
<head>
-
-
<title>子窗口</title>
-
<script language="javascript" type="text/javascript">
-
//传值函数
-
function chparentval(){
-
//子窗口获得文本框的值传递给父窗口
-
opener.document.getElementById("ft").value = document.getElementById("ct").value;
-
//子窗口值清空
-
document.getElementById("ct").value = "";
-
}
-
-
//子窗口向父窗口传递对象
-
function fcobj(){
-
-
var obj = ["吃饭","睡觉","打豆豆"]
-
-
window.returnValue = obj;
-
-
opener.document.getElementById("ft").value = "提示：子窗口传递过来一个对象";
-
}
-
-
-
-
-
</script>
-
</head>
-
-
<body>
-
输入值：<input type="text" id="ct"/>
-
<input type="button" οnclick="chparentval()" value="从子窗口中往父窗口传值"/><br/>
-
-
<input type="button" value="子窗口向父窗口传递对象" οnclick="fcobj()"/>
-
</body>
-
-
</html>
文章来源: bugstack.blog.csdn.net，作者：Yao__Shun__Yu，版权归原作者所有，如需转载，请联系作者。
原文链接：bugstack.blog.csdn.net/article/details/8517447
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）