Efek "Gambar-dalam-gambar"--membahas penggunaan tag IFRAME
Penulis：Eve Cole
Waktu Pembaruan：2009-06-11 17:24:01
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 uang oleh hal-hal yang "dihiasi" ini." Adakah cara agar hal serupa ini tidak perlu lagi diunduh setelah satu kali unduhan, tetapi hanya diunduh saja. konten web di area yang kontennya telah berubah? Kain wol?
Jawabannya pasti: terapkan tag Iframe!
1. Penggunaan tag Iframe <BR> Jika berbicara tentang Iframe, Anda mungkin pernah melemparkannya ke "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 dari halaman itu sama. Rasanya terlalu membosankan untuk membuat halaman demi halaman yang bodoh. Saat ini, saya tiba-tiba berpikir, apakah ada cara untuk mempertahankan bagian lain halaman tidak berubah, jadikan saja tutorialnya menjadi halaman konten halaman demi halaman, tanpa konten lain. Saat mengklik link halaman atas dan bawah, hanya bagian konten tutorial yang akan diubah, dan bagian lainnya tidak akan berubah dengan cara ini, yang satu menghemat waktu, dan yang lainnya adalah tutorial akan memiliki tiga perubahan panjang dan dua perubahan pendek di masa depan, juga sangat nyaman, dan tidak akan mempengaruhi seluruh pasukan, yang lebih penting, spanduk iklan, daftar kolom, navigasi dan hal-hal lain yang disertakan di hampir setiap halaman hanya diunduh satu kali 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. Kontrol timbal balik antara formulir induk dan bingkai mengambang <BR> Dalam bahasa skrip dan hierarki objek, jendela yang berisi Iframe disebut formulir induk, sedangkan bingkai mengambang disebut formulir anak. Perjelas hubungan ini ini penting karena untuk mengakses formulir anak dalam formulir induk atau sebaliknya, Anda harus mengetahui hierarki objek sebelum Anda dapat mengakses dan mengontrol formulir secara terprogram.
1. Akses dan kontrol 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 subformulir <BR> Pada subformulir, 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 bisa 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 tenaga kerja manual 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.
