javascript 句柄传值 两个页面案例

23 篇文章 1 订阅

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>


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小傅哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值