首页  >  文章  >  web前端  >  分享iframe标签注意问题

分享iframe标签注意问题

黄舟
黄舟原创
2017-07-21 11:43:181434浏览
  • 子页面访问父父页面变量,函数,页面元素

//变量:    
//在父页面中需定义为全局变量    
//子页面中调用    
var childFrameVar= parent.ParentVarName;
 //函数:    
 parent.ParentMethodName();
 
 //页面元素:    
 //通过获取document对象,来对页面元素进行操作    
 parent.document
    parent.window.document
  • 父页面访问子页面函数,页面元素  

//函数
    //做出以下尝试,但alert出来的信息均为undefine    
    FrameName.window.childMethodName();
    document.getElementById('FrameId').contentWindow.childMethod();
    
    //页面元素    
    FrameName.window.document
    document.getElementById('FrameId').contentWindow.document
    document.getElementById('FrameId').contentDocument
  • 注意事项

    要确保在iframe加载完成后再进行操作,如果iframe还未加载完成就开始调用里面的方法或变量,会产生错误。

    尽量在不要在父页面中调用子页面中的页面元素或函数,所有涉及的交互操作尽量放在子页面中来完成。 

    判断iframe是否加载完成有两种方法:

      1. iframe上用onload事件

      2. 用document.readyState=="complete"来判断

以上是分享iframe标签注意问题的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn