Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mendapatkan Kandungan iFrame Menggunakan JavaScript Tulen?

Bagaimana untuk Mendapatkan Kandungan iFrame Menggunakan JavaScript Tulen?

Patricia Arquette
Patricia Arquetteasal
2024-12-03 15:00:221093semak imbas

How to Get the Content of an iFrame Using Pure JavaScript?

Mendapatkan Kandungan Badan iFrame dalam JavaScript Tulen

JavaScript membolehkan manipulasi elemen dalam dokumen HTML semasa. Walau bagaimanapun, untuk mendapatkan semula kandungan iframe memerlukan pendekatan yang berbeza. Artikel ini menyediakan penyelesaian komprehensif dalam JavaScript tulen, mengikut kaedah yang digunakan oleh rangka kerja jQuery.

Mendapatkan Elemen iFrame

Untuk bermula, kenal pasti iframe sasaran menggunakan Pemilih ID atau CSS:

var iframe = document.getElementById('id_description_iframe');

Mengakses iFrame Kandungan

Kini, untuk mengakses kandungan iframe, anda boleh menggunakan penyelesaian yang digunakan oleh jQuery:

var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

Dalam Internet Explorer, sifat contentWindow digunakan, manakala yang lain pelayar lebih suka contentDocument. Keadaan OR ini memastikan keserasian.

Memilih Elemen Dalam iFrame

Dengan akses kepada dokumen iframe, anda boleh memilih elemen tertentu menggunakan kaedah biasa:

var iframeContent = iframeDocument.getElementById('frameBody');

Fungsi Pemanggilan dan Akses Pembolehubah

Untuk berinteraksi dengan fungsi dan pembolehubah yang ditakrifkan dalam konteks JavaScript iframe, akses elemen tetingkapnya:

var iframeWindow = iframe.contentWindow;

// Call global functions
var myVar = iframeWindow.myFunction(param1 /*, ... */);

Pertimbangan

Ambil perhatian bahawa semua operasi ini memerlukan pematuhan kepada dasar asal yang sama. Jika akses silang asal diperlukan, langkah khusus diperlukan, seperti mengubah suai pengepala Kandungan-Keselamatan-Dasar.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Kandungan iFrame Menggunakan JavaScript Tulen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn