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"来判断