zoukankan      html  css  js  c++  java
  • HTML页面通过JS跨域调用,子传父

    父页面:a.html 

    代码:

    <html>
      <head>
        <script type="text/javascript">
          function test1() {
            alert(1);
          }
          window.addEventListener('message', function(event){
            alert(event.data);
          })
        </script>
      </head>
      <body>
        <input type="button" value="aBtn" onclick="test1()" id="button3">
        <iframe src="b.html"></iframe>
      </body>
    </html>

    子页面:b.html

    代码:

    <html>
      <head>
        <script type="text/javascript">
          function test2() {
            window.top.postMessage('子向父发送消息','*');
          }
        </script>
      </head>
      <body>
        <input type="button" value="bBtn" onclick="test2()">
      </body>
    </html>

  • 相关阅读:
    第二章.md
    第四章.md
    第一章.md
    第九章.md
    png简析.md
    第五章.md
    好看的粒子效果
    缓动 减速运动
    收集的小效果
    粒子效果2
  • 原文地址:https://www.cnblogs.com/yunfeiyang-88/p/11209588.html
Copyright © 2011-2022 走看看