Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Memanggil Fungsi JavaScript Di Dalam iFrame daripada Halaman Induknya?

Bagaimanakah Saya Boleh Memanggil Fungsi JavaScript Di Dalam iFrame daripada Halaman Induknya?

DDD
DDDasal
2024-12-11 17:40:22359semak imbas

How Can I Call a JavaScript Function Inside an iFrame from its Parent Page?

Mengakses Fungsi JavaScript Dalam iFrame daripada Halaman Induk

Untuk menggunakan kod JavaScript dalam iframe daripada halaman induk, mula-mula kenal pasti iframe ID, seperti "targetFrame," dan fungsi untuk memanggil dalam iframe, seperti "targetFunction()."

Mengakses iframe:

  • Menggunakan document.getElementById: document.getElementById('targetFrame').contentWindow.targetFunction();
  • Menggunakan window.frames: window.frames[0].frameElement.contentWindow.targetFunction(); (Nota: Kaedah ini mungkin tidak berfungsi dalam versi Chrome dan Firefox yang lebih baharu.)

Contoh:

// Target the iframe with ID "targetFrame"
const iframe = document.getElementById('targetFrame');

// Get the window object of the iframe
const iframeWindow = iframe.contentWindow;

// Invoke the "targetFunction()" function within the iframe
iframeWindow.targetFunction();

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memanggil Fungsi JavaScript Di Dalam iFrame daripada Halaman Induknya?. 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