Bagaimana untuk Memanggil Fungsi Tetingkap Ibu Bapa daripada iFrame?

Menggunakan Fungsi Tetingkap Induk daripada iFrame

Untuk mewujudkan komunikasi antara iFrame dan tetingkap induknya, anda mungkin menghadapi keperluan untuk memanggil fungsi tetingkap induk dari dalam iFrame. Artikel ini menerangkan cara untuk menyelesaikan tugas ini.

Masalah:

Anda mempunyai iFrame yang dibenamkan dalam tetingkap induk dan anda ingin menggunakan fungsi JavaScript yang ditakrifkan dalam tetingkap induk daripada iFrame.

Pertimbangkan kod berikut coretan:

<script>
    function abc() {
        alert("sss");
    }
</script>

<iframe>

Dalam contoh ini, mengklik pautan "Panggil Saya" dalam iFrame tidak mencetuskan fungsi abc() kerana skop JavaScript iFrame diasingkan daripada tetingkap induk.

Penyelesaian:

Untuk memanggil fungsi tetingkap induk daripada iFrame, anda perlu menyatakan secara eksplisit tetingkap induk menggunakan sifat window.parent. Begini cara anda boleh mengubah suai kod:

<a onclick="parent.abc();" href="#">Call Me</a>

Sintaks parent.abc() mengenal pasti fungsi abc() dalam konteks JavaScript tetingkap induk, membolehkan anda menggunakan ia daripada iFrame.

Atas ialah kandungan terperinci Bagaimana untuk Memanggil Fungsi Tetingkap Ibu Bapa daripada iFrame?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!