Artikel ini menjelaskan metode penerapan fungsi panggilan lintas halaman iframe di JS. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Dalam proyek, Anda pasti akan menghadapi masalah seperti itu. Halaman tersebut memperkenalkan iframe dan mengharuskan halaman induk untuk memanggil fungsi halaman anak atau halaman anak perlu memanggil fungsi halaman induk. Misalnya: Sekarang ada dua halaman Parent.html dan Child.html. Di mana Parent.html berisi iframe dan iframe menunjuk ke Child.html. Sekarang Anda perlu memanggil metode JS Child.html/Parent.html di Parent.html/Child.html.
Implementasi kode spesifik adalah sebagai berikut:
Halaman induk Parent.html:
Salin kode sebagai berikut: <Html>
<head>
<type skrip = "Teks/JavaScript">
function parent_click () {
peringatan ("dari halaman induk");
}
</script>
</head>
<body>
<input type = "tombol" value = "Memanggil fungsi halaman ini" onclick = "parent_click ();" />
<input type = "Tombol" value = "Calling Child Page Function" OnClick = 'window.frames ["childpage"]. Child_click ();' />
<iframe id = "childpage" name = "childpage" src = "inner.html" frameborder = "0"> </iframe>
</body>
</html>
Subpage Child.html:
Salin kode sebagai berikut: <Html>
<head>
<type skrip = "Teks/JavaScript">
function child_click () {
alert ("Disebut Fungsi Subpage");
}
</script>
</head>
<body>
<input type = "Tombol" value = "Calling Parte Page Function" OnClick = 'Parent.window.parent_Click ();' />
<input type = "tombol" value = "Memanggil fungsi halaman ini" onclick = "child_click ();" />
</body>
</html>
Saya berharap deskripsi dalam artikel ini akan bermanfaat untuk pemrograman web semua orang berdasarkan JavaScript.