JavaScript跨浏览器访问iframe文档对象的方法

iframe文档对象访问基础

假设页面中存在一个ID为myframe的iframe元素，即<iframe id="myframe"></iframe>。根据W3C标准，可以通过DOM对象的contentDocument属性来获取该文档对象。

 
doc = document.getElementById('myframe').contentDocument

IE浏览器的兼容性问题

然而，经过实际测试发现，IE6和IE7浏览器并不支持contentDocument属性，直到IE8才开始支持该标准。

在IE浏览器环境下，需要采用另一种方式来访问iframe文档。

 
document.frames['myframe'].document;

跨浏览器解决方案

为了实现跨浏览器的通用解决方案，可以使用contentWindow属性。

contentWindow是一个只读属性，用于返回指定iframe对应的窗口对象。

尽管该属性并非W3C标准的一部分，但所有主流浏览器均支持这一特性。

因此，跨浏览器访问iframe文档对象的推荐方法是结合使用contentWindow和document属性。

 
document.getElementById('myframe').contentWindow.document