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 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 hampir setiap halaman hanya sekali dan kemudian tidak lagi mengunduhnya.
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 mengambangDalam 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 semuanya dilakukan melalui objek induk 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 seperti iframes, sehingga tidak perlu mengulangi konten yang sama. Ini agak seperti proses atau fungsi dalam pemrograman, menyimpan banyak tenaga kerja manual yang rumit! 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?
Floating Frame adalah definisi dalam spesifikasi HTML4.0, dan saat ini browser mendukungnya.
Berbeda dengan partisi yang diwakili oleh Frameset, bingkai mengambang ada sebagai objek bawaan pada halaman web, dan gayanya seperti grafik atau applet pada halaman. Floating Frame menggunakan tag <frame>, yang memiliki sebagian besar pengaturan atribut yang sama dengan <fame>, termasuk: name, src, marginwidth, marginheight, frameborder, dan gulir. Pada saat yang sama, ia juga memiliki ketinggian, lebar, dan selaras yang sama dengan grafik atau applet.
Selain itu, bingkai mengambang mengikuti prinsip target yang sama dengan bingkai normal: kita dapat menunjuknya dengan namanya. Prinsip ini berlaku untuk bingkai mengambang dalam semua jenis bingkai, jika tidak mudah dilakukan. Tautan tanpa traget dalam bingkai mengambang menunjuk ke dirinya sendiri, sedangkan tautan _parent menunjuk ke bingkai atau jendela di mana dokumen yang berisi <frame> berada. Misalnya:
<Iframe name = floater src = start.htm lebar = 150 tinggi = 200 hspace = 10 align = kiri>
<Img src = gambar/noframe.gif alt = Anda tidak dapat melihat bingkai mengambang
lebar = 150 tinggi = 200 hspace = 10 align = kanan>
</Iframe> <br>
<A href = satu.htm target = floater> tunjukkan satu.htm </a> <p>
<A href = dua.htm target = floater> tunjukkan dua.htm </a> <p>
<A href = start.htm target = floater> bawa kembali start.htm </a>
Perhatikan bahwa untuk browser yang mendukung tag <frame>, konten apa pun yang terletak di antara <Frame> dan </iframe> akan diabaikan. Sebagai gantinya, konten di dalamnya akan ditampilkan, yang dapat digunakan untuk menjelaskan bahwa browser saat ini tidak mendukung <Frame>