Bagaimana untuk Memanggil Fungsi JavaScript dalam Iframe daripada Halaman Induk?

Memanfaatkan Kod JavaScript dalam Iframe daripada Halaman Induk

Dalam pembangunan web, terdapat senario di mana anda perlu berinteraksi dengan kod JavaScript yang dibenamkan dalam iframe daripada halaman induk. Walaupun mudah untuk menggunakan fungsi induk daripada iframe menggunakan parent.functionName(), operasi terbalik memberikan cabaran.

Penyelesaian

Untuk menggunakan fungsi yang ditakrifkan dalam iframe daripada halaman induk, anda boleh menggunakan kod berikut coretan:

document.getElementById('targetFrame').contentWindow.targetFunction();

Ganti targetFrame dengan id atau nama elemen iframe anda.

Pilihan lain ialah mengakses bingkai melalui tatasusunan window.frames:

window.frames[0].frameElement.contentWindow.targetFunction();

Nota: Kaedah kedua mungkin tidak berfungsi dalam versi Chrome dan Firefox yang lebih baharu kerana sekatan pada komunikasi rentas asal.

Dengan menggunakan teknik ini, anda boleh berkomunikasi dengan berkesan antara halaman induk dan iframe terbenamnya, membolehkan anda menggunakan fungsi JavaScript tertentu seperti yang diperlukan.

Atas ialah kandungan terperinci Bagaimana untuk Memanggil Fungsi JavaScript dalam Iframe daripada Halaman Induk?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!