Anda dapat memahami tes kode berikut sebagai berikut:
1.html:
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<title> dokumen non -judul </iteme>
</head>
<body>
<SEV> ==================== CATATAN: Tes dimulai dari sini =============== ==== < /Div>
<p id = "pox"> digunakan untuk menguji elemen akses sub -window ke jendela induk </p>
<SEV> ==================== Line Segmentasi IfRame ==================== = </Div>
<iframe src = "a.html" frameborder = "0" id = "frame" name = "framea"> </iframe>
<iframe src = "b.html" name = "iframeb" frameborder = "0" id = "frameB"> </iframe>
<SEV> ==================== Line Segmentasi IfRame ==================== = </Div>
<p> Datang lebih dulu untuk mendemonstrasikan: metode atau elemen di jendela induk yang mengakses jendela anak </p>
<p> Ringkasan: Metode mengunjungi sub -Window jendela induk mengadopsi cara yang berbeda dan elemen </p>
<input type = "tombol" ontClick = "framediv ()" value = "elemen tertentu di jendela induk mengakses elemen" /> /> />
<input type = "tombol" ontClick = "frameFun ()" value = "Metode mengakses jendela induk akses" /> /> />
<type skrip = "Teks/JavaScript">
// Sub -Window akses ke metode jendela induk
Fungsi testp (ss) {
Peringatan (SS)
}
// Dapatkan elemen iframe
fungsi getiframe (id) {
Return document.getElementById (id) .contentWindow.document;
}
// Jendela Ayah Mengakses Elemen Sub -Window
fungsi framediv () {
Getiframe ("framea").
//window.frames ["iframea"] .getElementByIdmaidmaidmaidmaidma.
}
// Jendela Ayah Mengakses Metode Sub -Window
function frameFun () {
//getiframe="frameb").getsfun (); // tidak dapat mengakses metode dalam formulir ini dalam formulir ini
// window.frames ["iframeb"].
alert (window.frames ["iframeb"]. getsfun ());
}
</script>
</body>
</html>
A.html
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<title> dokumen non -judul </iteme>
</head>
<body>
<Div id = "ooxx"> digunakan untuk menguji elemen tertentu di jendela induk untuk mengakses elemen tertentu di sub -window </div>
<p id = "divooxx"> digunakan untuk menguji elemen tertentu di jendela B untuk mengakses jendela A </p>
<p> 1. Sub -Window IFRAMEA mengakses elemen tertentu di jendela induk </p>
<input type = "Tombol" Onclight = "frametopDiv ()" value = "sub -window untuk mengakses elemen tertentu di jendela induk" / />
<input type = "tombol" ontClick = "frametopFun ()" value = "jendela kecil untuk diakses dengan jendela induk" / /> />
<type skrip = "Teks/JavaScript">
// Sub -Window mengakses elemen tertentu di jendela induk
Function frametopDiv () {
Parent.document.getElementById ("POX").
Parent.document.getElementById ("POX").
}
// Sub -Window akses ke metode jendela induk
Function frametopfun (ss) {
Parent.testp ("SSSS");
}
// Metode yang digunakan untuk menguji akses iframeb
Function testBa () {)
Peringatan ("Metode untuk Menguji Akses IfRameb")
}
</script>
</body>
</html>
B.html
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<title> dokumen non -judul </iteme>
</head>
<body>
<p> Dua: uji metode atau elemen antara sub -windows uji </p>
<input type = "tombol" value = "sub -Window b Akses elemen tertentu di sub -window" onClick = "frametFramedIV ()" /> />
<input type = "Tombol" value = "Sub -Window B Kunjungi metode sub -window a" onClick = "frametframeFun ()" /> />
<type skrip = "Teks/JavaScript">
// Sub -Window B Akses ke elemen tertentu di sub -Window a
Function frametframediv () {{
//parent.document.getElementbyid.com
//parent.document.getElementbyid.com
var _BFrame = Parent.GetifRame ("FRAMEA");
_Bframe.getElementById ("Divooxx").
_Bframe.getElementById ("divooxx").
}
// Jendela Kecil B Akses ke Metode Sub -Window A
Function frametframeFun () {{
window.parent.frames ["framea"].
}
</script>
<type skrip = "Teks/JavaScript">
fungsi getsfun () {
Mengembalikan "ssssssss";
}
// getFun ()
</script>
</body>
</html>