分享iframe标签注意问题

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

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