javascript iframe 操作(一)

[兼容所有浏览器 包括IE7/8/9]

1.父页面中获取IFRAME的WINDOW对象

获得了window对象后，就可以调用iframe页面中定义的方法等。

IE：可以通过iframeId、window.iframeId、window.iframeName、window.frames[iframeId]、window.frames[iframeName]、window.frames[iframeIndex]和iframeElement.contentWindow这6种方法来获取iframe的window对象。

FF：可以通过window.iframeName、window.frames[iframeName]和iframeElement.contentWindow这3种方法获取window对象。

总结：为了兼容大多数浏览器，应使用iframeElement.contentWindow来获取。见如下代码：

var iframe = document.getElementById('iframe1').contentWindow; 2.父页面中获取IFRAME的DOCUMENT对象 总结：应使用以下两方法来获取，见代码： <iframe id="iframe1" src="frame1.html"></iframe> <script type="text/javascript"> //获取iframe的document对象 //方法1:先获取window对象再通过window.docuemnt var iframe = document.getElementById('iframe1').contentWindow.document; //可以使用jquery操作 $(iframe).find('#con').html('test'); //方法2:分支判断 function getIframeDom(iframeId) { return document.getElementById(iframeId).contentDocument || window.frames[iframeId].document; } </script> 　　   注：为了防止iframe没有加载完，建议将获取iframe元素的操作放在这个里面：等待iframe加载完[ifrm为iframe的id值] document.getElementById("ifrm").onload = function (){ } 3.IFRAME页面获取父页面的WINDOW对象 parent：父页面window对象window.parenttop：顶层页面window对象window.topself：始终指向当前页面的window对象（与window等价） 如果窗口是顶级窗口，那么parent==self==top根据这个可以防止网页被嵌套： if(window!=window.top){ window.top.location.href=window.location.href: }   兼容性：适用于所有浏览器，当拿到了父页面的window对象后，就可以访问父页面定义的全局变量和函数。 注：chrome要求在服务器环境下进行iframe操作。   参考资料：http://mao.li/javascript/javascript-iframe/