Sự khác biệt giữa contentDocument và contentWindow thuộc tính truy cập khung nội tuyến/khung hình javascript

Question

• Sự khác nhau giữa hai thuộc tính này (contentDocument và contentWindow) là gì?
• Có bất kỳ sự khác biệt nào về cách chúng gắn nội dung trong khung/khung nội tuyến không?
• Có vấn đề về hiệu suất nào không?
• Tôi có nên sử dụng contentXXXXX.document.getElementsBy... hoặc contentXXXXX.getElementsBy...?

Tôi đã tìm kiếm trên web nhưng không tìm thấy quá nhiều thông tin và trước khi tôi thực hiện một nghiên cứu lớn, tôi nghĩ tôi có thể hỏi cộng đồng tuyệt vời tại đây tại stackoverflow. Như một bình luận tôi đang làm một kịch bản mà đếm đầu vào trên một trang web, truy cập tất cả các cấp khung hoặc iframe và thêm các đầu vào được tìm thấy bên trong khung/iframe để đếm toàn cầu. Tất cả nội dung được cho là từ cùng một miền nên không có vấn đề gì với chính sách có nguồn gốc giống nhau, tôi tin. Đối với các kịch bản tôi đang sử dụng JavaScript tinh khiết không có jQuery hoặc bất kỳ khuôn khổ/thư viện mà làm cho cuộc sống dễ dàng hơn u_u jaja. Đây là một kịch bản thực hành và nếu có ai muốn xem mã tôi sẽ đăng nó, không sao cả. Cảm ơn bất cứ ai dành thời gian để giải thích điều này!

Answer 1

Tôi nghĩ rằng <iframe> MDN documentation giải thích nó cũng:

Từ phần tử DOM iframe, các kịch bản có thể được tiếp cận với các đối tượng window của trang HTML bao gồm thông qua contentWindow tài sản. Thuộc tính contentDocument đề cập đến phần tử document bên trong iframe (điều này tương đương với contentWindow.document), nhưng không được hỗ trợ bởi các phiên bản Internet Explorer trước IE8.

Vì vậy, bạn sẽ sử dụng contentWindow giống như cách bạn sử dụng window và contentDocument khi bạn sử dụng document.