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文档很好地解释了它:

通过DOM iframe元素,脚本可以window通过contentWindow属性访问包含的HTML页面的对象.该contentDocument属性引用document了iframe(这相当于contentWindow.document)内部的元素,但IE8之前的Internet Explorer版本不支持该属性.

所以,你会用contentWindow你用同样的方法window,并contentDocument为你使用document.