contentDocument 和 contentWindow javascript iframe/frame 访问属性之间的区别

Question

• 这两个属性（contentDocument 和 contentWindow）有什么区别？
• 他们访问 框架/iframe？
• 是否存在任何性能问题？
• 我应该使用contentXXXXX.document.getElementsBy... 还是 contentXXXXX.getElementsBy...?

我一直在网上搜索，但没有找到太多信息，在我进行大量研究之前，我想我可以在 stackoverflow 上向伟大的社区提问。作为评论，我正在编写一个脚本来计算网页上的输入，访问所有级别的框架或 iframe，并将在框架/iframe 中找到的那些输入添加到全局计数中。所有内容都应该来自同一个域，所以我相信同源策略应该没有问题。对于脚本，我使用纯 JavaScript 没有 jQuery 或任何让生活更轻松的框架/库 u_u jaja。这是一个练习脚本，如果有人想看一下代码，我会发布它，没问题。感谢任何花时间解释这一点的人！

Answer 1

我认为<iframe> MDN documentation 解释得很好：

通过 DOM iframe 元素，脚本可以通过 contentWindow 属性访问包含的 HTML 页面的 window 对象。 contentDocument 属性指的是iframe 中的document 元素（这相当于contentWindow.document），但IE8 之前的Internet Explorer 版本不支持。

因此，您可以像使用 window 和 contentDocument 一样使用 contentWindow，就像使用 document。