Artikel ini menjelaskan metode panggilan fungsi di halaman kerangka kerja iframe di JavaScript. Metode panggilan ini sebenarnya sangat sederhana. Dengan metode ini, kita dapat melewati atau memodifikasi nilai antara iframe, dan operasinya sangat sederhana. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Akses fungsi di iframe:
Salinan kode adalah sebagai berikut: document.getElementById ('CommentIFrame'). ContentWindow.hasLogined ();
CommentIFrame adalah ID dari iframe.
Untuk menjalankannya di window.onload
Contohnya adalah sebagai berikut:
1.html
Salin kode sebagai berikut: <a href = "#" onclick = "window.frames ['frame1']. Mynext ()"> aa </a>
<iframe id = "frame1" src = "2.html"> </iframe>
2.HTML Page
Salin kode sebagai berikut: <bahasa skrip = "javascript" type = "text/javascript">
function mynext ()
{
waspada (1);
}
</script>
Mengklik tombol uji di 1.htm dapat membatalkan tombol MyButton di 2.htm (halaman iframe). Sederhana, haha. Jika Anda ingin memanggil fungsi JS di 2.htm, tulis ini:
Salin kode sebagai berikut: self.frames ['a']. FunctionName (param)
Hubungi fungsi JS di 2.htm di 1.htm: iframe2.showinfo ();
Contoh Deskripsi:
Misalkan ada 2 halaman, index.html dan dalam.html. Ada iframe di index.html, dan src dari iframe ini menunjuk ke dalam.html.
Yang harus kita lakukan sekarang adalah:
1. Hubungi metode JS di dalam.html di index.html
2. Hubungi metode JS pada index.html di dalam.html
Kode implementasi adalah sebagai berikut:
index.html:
Salin kode sebagai berikut: <Html>
<head>
<type skrip = "Teks/JavaScript">
fungsi ff () {
alert (">> Ini adalah indeks fungsi indeks.html");
}
</script>
</head>
<body>
<div style = "latar belakang: lightblue;">
Ini adalah halaman indeks.
<input type = "Tombol" value = "Jalankan fungsi indeks" onClick = "ff ();" />
<input type = "Tombol" value = "Jalankan fungsi halaman dalam" onClick = 'window.frames ["childpage"]. sonff ();' />
</div>
<iframe id = "childpage" name = "childpage" src = "inner.html" frameborder = "0"> </iframe>
</body>
</html>
Inner.html:
Salin kode sebagai berikut: <Html>
<head>
<type skrip = "Teks/JavaScript">
fungsi sonff () {
Peringatan (">> Ini adalah fungsi JS halaman dalam");
}
</script>
</head>
<body>
<Div style = "latar belakang: lightgreen;">
Ini adalah halaman dalam.
<input type = "tombol" value = "run function index" onClick = 'parent.window.ff ();' />
<input type = "tombol" value = "Jalankan fungsi halaman dalam" onclick = "sonff ();" />
</div>
</body>
</html>
Saya berharap deskripsi dalam artikel ini akan bermanfaat untuk pemrograman web semua orang berdasarkan JavaScript.