【转】各浏览器Iframe对contentWin…

最新推荐文章于 2022-08-03 17:30:16 发布

原创最新推荐文章于 2022-08-03 17:30:16 发布 · 316 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了Iframe在不同浏览器中的兼容性问题，特别是针对跨域访问时的限制与解决办法。总结了contentWindow和frames属性的良好支持情况，并指出了contentDocument和document属性的支持差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Iframe易于嵌套及管理页面，但经常遇到跨域、父子页面访问问题，对于子页面访问父页面可以兼容性地通过window.Top或window.Parent或window.frameElement等操作，但对于标题中四个对象，一直没有完整测试过，故买个苦力，分享给大家。

【转】各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试

bHeight = contentWindow.document.body.scrollHeight, dHeight = contentWindow.document.documentElement.scrollHeight, 红色 = 错误值, 绿色 = 正确值

结论：
    1. 就浏览器而言(横向)，IE8/IE9/360安全浏览器全部支持；
    2. 就属性而言(纵向)，contentWindow和frames所有浏览器都支持，其次是contentDocument，document支持性最差；
    3. 由于iframe经常涉及跨域，本地测试（即未发布）环境中，chrome/360极速/IE6/IE9对于contentWindow.document属性是deny状态，原因是Unsafe JavaScript attempt to access frame with URL file:///***.html from frame with URL file:///***.html Domains, protocols and ports must match。IE9本地环境下对于contentDocument也是deny的。