当前位置:Gxlcms > html代码 > 分享iframe标签注意问题

分享iframe标签注意问题

时间:2021-07-01 10:21:17 帮助过:6人阅读

  • 子页面访问父父页面变量,函数,页面元素

//变量:    
//在父页面中需定义为全局变量    
//子页面中调用    
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标签注意问题的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行