父窗口和子窗口如何互相传递数据？

幼儿园园长~

于 2021-10-11 11:16:19 发布

阅读量241

点赞数

分类专栏： JavaScript 文章标签： html html5 javascript

本文链接：https://blog.csdn.net/weixin_40981660/article/details/120699534

版权

JavaScript 专栏收录该内容

30 篇文章 5 订阅

订阅专栏

parent.html

<html>
  <head>
    <script type="text/javascript">
      function parentSay() { //注意：父窗口和子窗口可以同时定义相同的函数互不干扰
        alert("parent.html------>I'm at parent.html");
      }

      function callChild() {
        //document.frames("myFrame").f1();
        myFrame.window.chilSay(); //爸爸就是myFrame.window直接叫
      }
    </script>
  </head>

  <body>
    <input
      type="button"
      value="调用child.html中的函数chilSay()"
      onclick="callChild()"
    />
    <iframe name="myFrame" src="child.html"></iframe>
  </body>
</html>

child.html

<html>
  <head>
    <script type="text/javascript">
      function chilSay() {
        alert("child.html--->I'm at child.html");
      }

      function callParent() {
        parent.parentSay(); //孩子就叫爸爸parent
      }

    </script>
  </head>

  <body>
    <input
      type="button"
      value="调用parent.html中的parentSay()函数"
      onclick="callParent()"
    />
  </body>
</html>

幼儿园园长~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
父窗口和子窗口如何互相传递数据？

parent.html<html> <head> <script type="text/javascript"> function parentSay() { //注意：父窗口和子窗口可以同时定义相同的函数互不干扰 alert("parent.html------>I'm at parent.html"); } function callChild() { //document.fr
复制链接

扫一扫