javascript 句柄传值两个页面案例

最新推荐文章于 2022-11-13 13:47:13 发布

小傅哥

最新推荐文章于 2022-11-13 13:47:13 发布

阅读量2.8k

点赞数 1

本文链接：https://blog.csdn.net/generalfu/article/details/8517447

版权

Js 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

Html

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>