Fungsi elemen iframe adalah untuk menyematkan dokumen di dalam dokumen dan membuat bingkai mengambang. Banyak orang yang belum begitu memahami cara mengontrol iframe, dan pada dasarnya pemahaman mereka masih samar-samar.
Dua catatan pada iframe, ifr adalah nilai ID dan NAME dari iframe yang ada:
Berikut ini adalah kutipan kutipan:
document.getElementById(“ifr”);
window.frames[“ifr”];
Jika ingin menggunakan fungsi di iframe, variabelnya harus melalui cara kedua. Karena dibutuhkan model DOM yang lengkap (saya tidak tahu apakah ini benar)
. hanya ingin Untuk mengubah src atau border iframe, scrolling dan atribut lainnya (yang tidak satu konsep dengan properti, properti tidak dapat ditulis dalam tag, seperti: scrollHeight, innerHTML, dll), Anda perlu menggunakan metode pertama.
Jika Anda ingin mendapatkan halaman iframe (Bukan iframe itu sendiri), Anda perlu menggunakan cara kedua, karena metode ini memperoleh model DOM yang lengkap iframe, Anda hanya dapat menggunakan metode kedua.
Perhatikan juga bahwa jika halaman iframe tidak dimuat sepenuhnya, kesalahan serius akan terjadi saat memanggil model DOM iframe. Oleh karena itu, Anda harus menyiapkan mode toleransi
kesalahan , satu adalah aa.htm, dan yang lainnya adalah bb.htm!
kodeaa .htm
: Berikut ini adalah penggalan kutipannya:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " >
<kepala>
<title>Halaman Tanpa Judul</title>
<gaya tipe="teks/css">
<!--
tubuh{
margin:0 piksel;
}
-->
</gaya>
</kepala>
<tubuh>
<iframe id="ifr" name="ifr" width="100%" height="500" src="bb.htm"></iframe>
</tubuh>
</html>
<skrip bahasa="javascript" type="teks/javascript">
var aa_value="Saya adalah varian di jendela Atas!";
var ifr_id=dokumen.getElementById("ifr");
var ifr_window=jendela.frame["ifr"];
alert("Peringatan dari jendela Atas : Tidak dapat memperoleh varian iframe dengan ifr_id, ia akan mengembalikan :" + ifr_id.bb_var);
alert("Peringatan dari jendela Atas : Tidak dapat memperoleh model DOM iframe dengan ifr_id , ia akan mengembalikan :" + ifr_id.window);
alert("Peringatan dari jendela Atas : Dapatkan src dari id :" + ifr_id.src);
alert("Peringatan dari jendela Atas : Dapatkan href dari jendela:" + ifr_window.document.location.href);
//Karena bb.htm mungkin belum dimuat, pengunduhan mungkin menyebabkan kesalahan.
//Panggil fungsi ifr_window.bb() di iframe;
//Panggil variabel dalam iframe
alert("Peringatan dari jendela Atas : " + ifr_window.bb_var);
//
alert("Peringatan dari Jendela Atas :" + ifr_window.document.body.innerHTML);
fungsi aa(pesan){
alert("Saya memberi peringatan dari jendela Atas, dan saya menerima pesan:n" + pesan);
}
</script>
bb.htm
Kode: Berikut cuplikan kutipannya:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " >
<kepala>
<title>sub bingkai</title>
<gaya tipe="teks/css">
<!--
html,isi{
margin:0 piksel;
lebar:90%;
}
-->
</gaya>
</kepala>
<tubuh>
Saya adalah sub bingkai!
<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...
</tubuh>
</html>
<skrip bahasa="javascript" type="teks/javascript">
var bb_var="Saya adalah variabel di ifr";
fungsibb(){
alert("Peringatan dari iframe : Saya adalah fungsi frame ifr")
}
//Dapatkan variabel dari halaman induk
alert("Peringatan dari iframe parent.ifr_id::" + parent.ifr_id);
alert("Peringatan dari iframe parent.aa_value : " + parent.aa_value);
//Ubah tinggi iframe melalui ifr_id halaman induk
alert("Peringatan dari iframe : ifr's clientHeight :" +document.body.clientHeight);
parent.ifr_id.height=dokumen.body.clientHeight;
alert("Peringatan dari iframe : ifr's scrollHeight : " + document.body.scrollHeight);
//Panggil fungsi dari form induk:
parent.aa("Saya akan memanggil fungsi yang ada di jendela Atas");
//Ubah judul formulir induk:
alert("Peringatan dari iframe : Saya akan mengubah judul jendela atas");
top.document.title="Nilai judul berubah";
//Batas dan pengguliran diubah melalui ifr_id formulir induk
alert("Peringatan dari iframe : Saya akan mengubah border dan scrolling :");
top.ifr_id.border=0;
top.ifr_id.scrolling="tidak";
</skrip>