javascript 句柄传值 两个页面案例

举报
小傅哥 发表于 2021/04/25 23:32:33 2021/04/25
2.1k+ 0 0
【摘要】 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

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。