• iframe 框架 父页面与子界面之间的变量、函数、元素获取


    1、获取页面上的iframe

      1-1、 document.getElementById('iframeId');

      1-2、 window.frames[0]、window.frames['frameName']、frames['frameName']、frames[0]、self.frames[0],此处self与window等价,相当于本页面的window对象。

      1-3、 contentWindow、contentDocument两个属性,也是可以用来获取子窗口,

           contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。

         contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。

    2、子页面访问父页面元素:

      parent.document.getElementById('id')和document相关的方法都可以这样用 ;

    3、父页面访问子页面元素:

      document.getElementById('iframeId').contentWindow.document.getElementById("id"); contentWindow后跟document相关方法
      window.frames[0].contentWindow.document.getElementById("id");

    4、子页面访问父页面变量:

      parent.a; 或者调用 父页面有返回值的函数解决。

    5、父页面访问子页面变量:

      父页面声明全局变量,子页面复制修改;或者调用子页面有返回值的函数解决。

      frames[0].a;

    6、子页面访问父页面方法:

      window.parent.parentMethod();

    7、父页面访问子页面方法:

      document.getElementById('iframeId').contentWindow.iframeMethod();
      frames[0].iframeMethod();

    8、兄弟框架之间调用:

      self.parent.frames['child1'];
      self.parent.frames['child2'];

    9、多层框架的调用:

      window.frames[0].frames[2];
      window.frames['child_1'].frames['sub_child_3'];

  • 相关阅读:
    类的内部成员之五-----内部类
    接口的使用
    java中abstract关键字的使用
    Redis主从复制原理——哨兵模式(Sentinel)
    Redis主从复制原理——薪火相传
    Redis主从复制原理——一主二仆
    Git---使用Github实现团队内协作操作步骤
    Final知识点总结
    代码块知识点总结
    Linux学习计划
  • 原文地址:https://www.cnblogs.com/zhinian-/p/10591795.html
Copyright © 2020-2023  润新知