当前位置:   article > 正文

iframe与父容器交互,iframe与iframe交互

iframe交互

iframe与父容器交互

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

iframe元素有其优势,在开发中,不少情况会使用到iframe元素。因此,iframe元素与父容器的交互尤为重要。

开发者可参考以下代码:

  1. <!-- iframe调用父容器的方法 -->
  2. <script>
  3. function init() { window.parent.setUpFrame(); return true; }
  4. function yourMethod(arg) { ... }
  5. </script>
  6. <body onload="init();">...</body>
  7. <!-- 父容器调用iframe的方法 -->
  8. <script>
  9. function setUpFrame() {
  10. var frame = window.frames['frame-id'];
  11. frame.yourMethod('hello');
  12. }
  13. </script>
  14. <body><iframe name="frame-id" src="..."></iframe></body>

iframe与iframe交互

我在工作中遇到一个父容器有多个iframe的开发情况,iframe之间会存在交互。可参考以下代码:

  1. var tempIframe = parent.window.frames[frame-id];
  2. if (typeof(tempIframe) != 'undefined') {
  3. tempIframe.yourMethod();
  4. }

 

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号