Melihat website saat ini, kecepatan internetnya agak lambat, namun hampir di setiap halaman terdapat banyak hal serupa seperti banner, gambar kolom, hak cipta, dll. Tentu saja karena kebutuhan akan gaya situs web yang terpadu dan efek iklan. , tidak ada yang salah dengan itu. Tapi bagaimanapun juga, dompet pengguna semakin terkuras uangnya oleh hal-hal yang "dihiasi" ini." Adakah cara untuk mencegah hal serupa ini diunduh lagi setelah mengunduhnya satu kali, dan hanya mengunduhnya saja. konten web di area yang kontennya telah berubah? Kain wol?
Jawabannya pasti: terapkan tag Iframe!
1. Penggunaan tag Iframe
Jika berbicara tentang Iframe, Anda mungkin sudah memasukkannya ke dalam "sudut yang terlupakan", tetapi jika berbicara tentang saudaranya Frame, Anda pasti sudah tidak asing lagi. Tag bingkai adalah tag bingkai. Yang kami sebut struktur multi-bingkai adalah untuk menampilkan banyak file HTML di jendela browser. Sekarang, kita menghadapi situasi yang sangat realistis: jika ada tutorial, itu dibagi menjadi beberapa bagian satu per satu. Di akhir setiap halaman, ada link ke "bagian sebelumnya" dan "bagian berikutnya", kecuali isinya. setiap tutorial berbeda. Selain itu, konten bagian lain halamannya sama. Rasanya terlalu membosankan untuk membuat halaman demi halaman bodoh halamannya tidak berubah, jadikan saja tutorialnya menjadi satu Halaman konten halaman demi halaman tidak berisi konten lain. Saat Anda mengklik link halaman atas atau bawah, hanya bagian konten tutorial yang akan diubah, dan bagian lainnya tidak akan berubah yang lainnya adalah jika tutorial memiliki tiga perubahan panjang dan dua perubahan pendek di masa depan, itu juga akan sangat nyaman, dan tidak akan mempengaruhi keseluruhan pasukan, yang lebih penting, spanduk iklan, daftar kolom, navigasi dan hal-hal lain itu disertakan di hampir setiap halaman, hanya dapat diunduh sekali dan kemudian tidak lagi diunduh.
Tag iframe disebut juga dengan tag floating frame, dapat Anda gunakan untuk menyematkan dokumen HTML pada tampilan HTML. Fitur terbesar yang berbeda dari tag Frame adalah file HTML yang direferensikan oleh tag ini tidak ditampilkan secara independen dari file HTML lainnya, tetapi dapat langsung disematkan ke dalam file HTML dan diintegrasikan dengan konten file HTML menjadi satu kesatuan. Selain itu, , Anda juga dapat menampilkan konten yang sama beberapa kali pada satu halaman tanpa harus menulis konten berulang kali. Metafora yang jelas adalah TV "gambar-dalam-gambar".
Sekarang mari kita bicara tentang penggunaan tag Iframe.
Format penggunaan tag Iframe adalah:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src: Jalur file, yang dapat berupa file HTML, teks, ASP, dll.;
lebar, tinggi: lebar dan tinggi area "gambar-dalam-gambar";
bergulir: Ketika file HTML SRC yang ditentukan tidak ditampilkan di area yang ditentukan, opsi gulir, jika disetel ke NO, bilah gulir tidak akan muncul; jika Otomatis: bilah gulir akan otomatis muncul; itu akan ditampilkan;
FrameBorder: Lebar batas area. Untuk memadukan "gambar-dalam-gambar" dengan konten yang berdekatan, sering kali disetel ke 0.
Misalnya:
<Iframe src="http://netschool.cpcw.com/homepage" width="250" height="200" scrolling="no" frameborder="0"></iframe>
2. Saling mengontrol antara form induk dan floating frame
Dalam bahasa skrip dan hierarki objek, jendela yang berisi Iframe disebut formulir induk, dan bingkai mengambang disebut formulir anak. Penting untuk memahami hubungan antara keduanya, karena jendela anak harus diakses di induk form. Hirarki objek harus diketahui sebelum suatu form dapat diakses dan dikontrol secara terprogram, atau sebaliknya.
1. Mengakses dan mengontrol objek dalam subformulir dalam formulir induk <br/> Dalam formulir induk, Iframe, yaitu subformulir, adalah objek turunan dari objek dokumen. Anda dapat langsung mengakses objek dalam subformulir naskah.
Sekarang ada pertanyaan yaitu bagaimana kita mengontrol Iframe ini? Di sini kita perlu membicarakan tentang objek Iframe. Saat kita menyetel atribut ID ke tag ini, kita dapat melakukan serangkaian kontrol pada HTML yang terdapat dalam Iframe melalui DOM Model Objek Dokumen.
Misalnya, sematkan file test.htm di example.htm dan kendalikan beberapa objek tag di test.htm:
<Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>
Kode file test.htm adalah:
<html>
<tubuh>
<h1 id="myH1">halo, anakku</h1>
</tubuh>
</html>
Jika kita ingin mengubah teks pada tag H1 dengan nomor ID myH1 menjadi halo sayang, kita bisa menggunakan:
document.myH1.innerText="halo, sayangku"(dokumen dapat dihilangkan)
Dalam file example.htm, subformulir yang ditunjuk oleh objek tanda Iframe konsisten dengan model objek DHTML umum, dan metode kontrol akses objeknya sama, jadi saya tidak akan menjelaskannya secara detail.
2. Mengakses dan mengontrol objek pada form induk pada form anak <br/> Pada form anak, kita dapat mengakses objek pada jendela induk melalui objek induknya (parent).
Seperti contoh.htm:
<html>
<tubuh onclick="peringatan(tt.myH1.innerHTML)">
<Nama Iframe = "tt" src = "frame1.htm" width = "250" height = "200" scrolling = "tidak" frameborder = "0"></iframe>
<h1 id="myH2">halo istriku</h1>
</tubuh>
</html>
Jika kita ingin mengakses teks judul di frame1.htm dengan nomor ID myH2 dan mengubahnya menjadi "halo, temanku", kita dapat menulis seperti ini: parent.myH2.innerText="halo, temanku"
Disini objek induk mewakili form saat ini (form dimana example.htm berada). Untuk mengakses objek pada form induk di form anak, tanpa terkecuali dilakukan melalui objek induk.
Meskipun Iframe tertanam dalam file HTML lain, Iframe tetap relatif independen dan merupakan "kerajaan independen". Karakteristik dalam satu HTML juga berlaku untuk frame mengambang.
Bayangkan saja, melalui tag Iframe, kita dapat mengekspresikan konten yang tidak diubah sebagai Iframe, Dengan cara ini, kita tidak perlu menulis konten yang sama berulang kali. Ini seperti proses atau fungsi dalam pemrograman, dan betapa membosankannya manual tenaga kerja terselamatkan! Selain itu, dan yang terpenting, ini membuat modifikasi halaman lebih mudah dilakukan, karena daripada harus memodifikasi setiap halaman untuk menyesuaikan tata letak, Anda hanya perlu mengubah tata letak satu formulir induk.
Satu hal yang perlu diperhatikan adalah bahwa browser Nestscape tidak mendukung tag Iframe, tetapi di dunia IE saat ini, hal ini tampaknya tidak menjadi masalah besar. Tag Iframe banyak digunakan, tidak hanya untuk kepentingannya sendiri (situs web), tapi juga agar netizen bisa menghemat biaya internet.