欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

分享iframe标签注意问题

程序员文章站 2022-05-12 21:28:58
...
  • 子页面访问父父页面变量,函数,页面元素

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