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'];


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM