Ketika datang ke iframe, Anda mungkin sudah melemparkannya ke "sudut yang terlupakan", tetapi tidak asing dengan bingkai saudaranya. Tag bingkai adalah tag bingkai. Apa yang kami sebut struktur multi-bingkai adalah menampilkan beberapa file HTML di jendela browser. Situs web ini berisi artikel ini untuk berbicara tentang penggunaan bingkai di halaman produksi tag iframe, dan menjelaskan secara rinci teknologi dan pengetahuan kerangka kerja tag iframe yang relevan dalam artikel tersebut. Selamat datang untuk memberi Anda beberapa dukungan dan bantuan dalam hal ini! Berikut ini adalah detailnya:
Melihat situs web saat ini, kecepatan internet agak lambat, tetapi hampir setiap halaman memiliki banyak hal serupa, seperti spanduk, gambar kolom, hak cipta, dll., Tentu saja, untuk kebutuhan gaya situs web terpadu dan efek iklan, dapat dimengerti, tetapi bagaimanapun, dompet pengguna menjadi semakin basi dengan hal -hal yang diemudi ini. Apakah ada cara untuk mencegah hal -hal serupa ini dari mengunduhnya sekali, tetapi hanya mengunduh konten web tersebut dengan perubahan konten?
Jawabannya adalah ya: Terapkan tag iframe!
1. Penggunaan tag iframe
Ketika datang ke iframe, Anda mungkin telah melemparkannya ke sudut yang terlupakan, tetapi tidak asing untuk membicarakan bingkai saudaranya. Tag bingkai adalah tag bingkai. Apa yang kami sebut struktur multi-bingkai adalah menampilkan beberapa file HTML di jendela browser. Sekarang, kami menghadapi situasi yang sangat realistis: jika ada tutorial, satu bagian pada satu waktu, dan tautan ke bagian sebelumnya dan berikutnya dibuat pada akhir setiap halaman. Kecuali untuk konten yang berbeda dari setiap bagian, isi bagian lain dari halaman adalah sama. Jika Anda membuat halaman bodoh di halaman, sepertinya terlalu menjengkelkan. Saat ini, Anda tiba -tiba memiliki ide. Jika ada cara untuk menjaga bagian lain dari halaman tidak berubah, dan hanya membuat tutorial menjadi halaman konten halaman demi halaman tanpa konten lain. Saat mengklik tautan untuk naik dan turun, hanya ubah konten tutorial, dan jaga yang lain tidak berubah. Dengan cara ini, seseorang adalah menghemat waktu, dan di masa depan, jika ada perubahan tiga panjang dan dua celana pendek dalam tutorial, itu juga sangat nyaman, sehingga tidak akan mempengaruhi seluruh pasukan; Lebih penting lagi, unduh spanduk iklan, daftar kolom, navigasi, dan hal -hal lain yang hanya diunduh sekali dan kemudian tidak lagi diunduh.
Tag iframe, juga dikenal sebagai tag bingkai mengambang, dapat digunakan untuk menyematkan dokumen HTML dalam tampilan HTML. Ini berbeda dari fitur terbesar dari tag bingkai, yaitu file HTML yang dirujuk oleh tag ini tidak ditampilkan secara independen dari file HTML lain, tetapi dapat langsung tertanam dalam file HTML, dicampur dengan konten file HTML ini untuk menjadi keseluruhan. Selain itu, konten yang sama dapat ditampilkan pada halaman berkali -kali tanpa harus mengulangi konten. Metafora yang jelas adalah TV gambar-dalam-gambar.
Sekarang mari kita bicara tentang penggunaan tag iframe.
Format penggunaan tag iframe adalah:
<Iframe src = lebar url = x tinggi = x gulir = [opsi] frameborder = x> </iframe>
SRC: Jalur ke file, yang merupakan file HTML, atau teks, ASP, dll.;
Lebar, Tinggi: Lebar dan tinggi area gambar dalam gambar;
Gulir: Ketika file HTML yang ditentukan SRC tidak ditampilkan di area yang ditentukan, opsi gulir. Jika diatur ke tidak, tidak ada bilah gulir yang akan muncul; Jika Auto: Bilah gulir akan secara otomatis muncul; Jika ya, itu akan ditampilkan;
Frameborder: Lebar perbatasan area, yang sering diatur ke 0 untuk memadukan gambar dalam gambar dengan konten yang berdekatan.
Misalnya:
<Iframe src = http: //netschool.cpcw.com/homepage width = 250 tinggi = 200 gulir = tidak ada frameborder = 0> </iframe>
2. Kontrol timbal balik antara bentuk induk dan bingkai mengambang
Dalam bahasa skrip dan hierarki objek, jendela yang mengandung iframe disebut bentuk induk, sedangkan bingkai mengambang disebut bentuk anak. Penting untuk memahami hubungan antara keduanya, karena untuk mengakses formulir anak dalam bentuk induk atau sebaliknya, Anda harus jelas tentang hierarki objek untuk mengakses dan mengendalikan formulir melalui program.
1. Akses dan kontrol objek dalam bentuk anak dalam bentuk induk
Dalam bentuk induk, iframe, yaitu bentuk anak, adalah objek anak dari objek dokumen, dan objek dalam bentuk anak dapat diakses langsung dalam skrip.
Sekarang ada pertanyaan, yaitu, bagaimana kita mengendalikan iframe ini? Di sini kita perlu berbicara tentang objek iframe. Setelah kami mengatur atribut ID ke tag ini, kami dapat menggunakan DOMIT OBYEC MODEL DOM untuk mengontrol HTML yang terkandung dalam IFRAME.
Misalnya, embed file test.htm di example.htm dan kontrol beberapa objek yang ditandai di test.htm:
<Iframe src = test.htm id = lebar tes = 250 tinggi = 200 gulir = tidak ada frameborder = 0> </iframe>
Kode file test.htm adalah:
<Html>
<body>
<H1 id = myh1> halo, anak laki -laki saya </h1>
</body>
</html>
Jika kita ingin mengubah teks di tag H1 dengan nomor ID myh1 menjadi halo, sayangku, lalu:
document.myh1.innertext = halo, sayangku (di mana dokumen dapat disimpan)
Dalam file example.htm, subformal yang dirujuk oleh objek tag iframe konsisten dengan model objek DHTML umum dan metode kontrol akses untuk objek adalah sama, jadi saya tidak akan mengulanginya lagi.
2. Akses dan kontrol objek dalam bentuk induk dalam bentuk anak
Dalam bentuk anak kita dapat mengakses objek di jendela induk melalui induknya, yaitu, objek induk (induk).
Misalnya.htm:
<Html>
<body onClick = alert (tt.myh1.innerhtml)>
<Iframe name = tt src = frame1.htm width = 250 tinggi = 200 gulir = tidak ada frameborder = 0> </iframe>
<H1 id = myh2> halo, istri saya </h1>
</body>
</html>
Jika Anda ingin mengakses teks judul dengan nomor ID MyH2 di frame1.htm dan ubah menjadi halo, teman saya, kami dapat menulisnya seperti ini: parent.myh2.innertext = halo, teman saya
Di sini, objek induk mewakili bentuk saat ini (bentuk di mana contoh.htm berada). Anda perlu mengakses objek dalam bentuk induk dalam bentuk anak, dan semua objek induk dilakukan tanpa kecuali.
Meskipun iframe tertanam dalam file HTML lain, itu tetap relatif mandiri dan merupakan ranah kemerdekaan. Karakteristik dalam satu HTML juga cocok untuk bingkai mengambang.
Bayangkan saja, melalui tag iframe, kita dapat mewakili konten yang tidak berubah itu sebagai iframes, sehingga tidak perlu mengulangi konten yang sama. Ini agak seperti proses atau fungsi dalam pemrograman, menghemat banyak tenaga kerja manual yang membosankan! Selain itu, sangat penting untuk membuat modifikasi halaman lebih layak, karena Anda tidak perlu memodifikasi setiap halaman karena penyesuaian tata letak, Anda hanya perlu memodifikasi tata letak formulir induk.
Satu hal yang perlu diperhatikan adalah bahwa Browser Nestscape tidak mendukung tag iframe, tetapi di dunia IE, ini tampaknya baik -baik saja. Ini secara luas menggunakan tag iframe, yang tidak hanya menganggap dirinya (situs web) dan menghemat biaya online Netizens. Mengapa tidak melakukannya?
Konten tentang menggunakan kerangka kerja di halaman produksi tag iframe dan kasus untuk akhir artikel ini. Anda dapat menandai URL halaman ini http://www.vevb.com/web/a/2018090543436.shtml untuk akses mudah lain kali.