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)