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 kutipannya: Jika Anda hanya ingin mengubah src atau border iframe, scrolling dan atribut lainnya (yang konsepnya tidak sama 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 mendapatkan model DOM yang lengkap, misalnya jika Anda ingin mendapatkan konten document.body dari iframe, Anda hanya bisa menggunakan cara kedua. Perhatikan juga bahwa jika Anda memanggil model DOM iframe ketika halaman iframe tidak dimuat sepenuhnya, kesalahan serius akan terjadi, jadi Anda perlu menyiapkan mode toleransi kesalahan. Berikut contohnya, yang satu aa.htm dan yang lainnya bb.htm! aa.htm Kode: Berikut cuplikan kutipannya: bb.htm
document.getElementById(“ifr”);
window.frames[“ifr”];
Jika ingin menggunakan fungsi di iframe, variabelnya harus melalui metode kedua. Karena membutuhkan model DOM yang lengkap (saya tidak tahu apakah ini benar).
<!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);
}
</skrip>
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 : clientHeight ifr :" +document.body.clientHeight);
parent.ifr_id.height=dokumen.body.clientHeight;
alert("Peringatan dari iframe : ifr's scrollHeight : " + document.body.scrollHeight);
//Panggil fungsi 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>