zoukankan      html  css  js  c++  java
  • iframe间的通信

    父框架

     1 <body></body>
     2 <script type="text/javascript">
     3 document.domain = '100bt.com';
     4 var ifr = document.createElement('iframe');
     5 ifr.src = 'http://www.100bt.com/b.html';
     6 ifr.style.display = 'none';
     7 document.body.appendChild(ifr);
     8 function alertA(str){
     9     alert(str);
    10 }
    11 ifr.onload = function(){
    12     var doc = ifr.contentDocument || ifr.contentWindow.document;//获取子框架b的document
    13     ct = ifr.contentWindow;//获取子框架的window,可用作跨域使用
    14     // 在这里操纵b.html
    15     
    16     alert(doc.getElementsByTagName("h1")[0].childNodes[0].nodeValue);//使用子框架b的document内容
    17     ct.log(doc);//使用子框架b的方法
    18 };
    19 </script>
    View Code

    子框架

    1 <h1>xxd</h1>
    2 <script type="text/javascript">document.domain = '100bt.com';
    3     function log(str){
    4         console.log(str);
    5     }
    6     var p = window.parent //获取父框架a的window对象
    7     p.alertA("paere")    //使用父框架的方法
    8 </script>
    View Code

    页面打开效果(大概也能拿猜出来):

    子框架使用父框架a的脚本弹出内容

    弹出子框架b的h1内容

    父框架a打印子框架的内容

  • 相关阅读:
    KMP 算法 C++
    java RTTI笔记 之Class学习笔记(摘自java编程思想)
    java sql
    event
    mysql 编写存储过程
    《淘宝技术这十年》重读笔记
    关于“产品”的笔记
    程序员,当你遇到一个“坑”
    C盘清理大作战
    android开发笔记
  • 原文地址:https://www.cnblogs.com/peace1/p/4726370.html
Copyright © 2011-2022 走看看