Làm cách nào để tôi tham chiếu đến đối tượng tài liệu của một trang <iframe> từ trang gốc, sử dụng jQuery?

Question

Tôi đang cố gắng truy cập đối tượng tài liệu của trang đang sống trong một iframe <iframe> từ trang chủ. Nói cách khác, tôi có một trang có <iframe> trong đó và tôi muốn sử dụng jQuery trên trang đó (trang cha mẹ) để truy cập đối tượng tài liệu của <iframe>.

Cụ thể, tôi đang cố gắng để tìm ra chiều cao của <iframe> d tài liệu một lần nội dung của nó được trả lại (đang tải) vì vậy mà tôi sau đó có thể thay đổi kích thước <iframe> từ trang mẹ để phù hợp với chiều cao của <iframe> nội dung chính xác.

Nếu điều quan trọng là, <iframe> này được tạo trên trang máy chủ bằng JavaScript và nằm trong cùng một miền với trang gốc. Tôi đã sử dụng loại mã:

$('iframe').contents().find('body').append('<p>content</p>'); 

để cư <iframe> với nội dung, nhưng tôi không biết cú pháp chính xác để nhận được đối tượng tài liệu <iframe> 's.

Vì lý do nào đó, tôi đang tìm nhiều cách để truy cập đối tượng tài liệu của cha mẹ từ trong một iframe <iframe> (hầu hết với JavaScript thuần), nhưng không phải theo cách khác.

Cảm ơn bạn đã giúp đỡ!

Answer 1

Có nhiều cách để có thể truy cập vào iframe:

Ví dụ, chúng ta có trang HTML này:

<iframe name="my_frame_name" id="my_frame_id">

Và JS:

frames[0] == frames['my_frame_name'] == document.getElementById('my_frame_id').contentWindow // true