Rumah  >  Artikel  >  hujung hadapan web  >  Analisis perbezaan antara Iframe dan pengeluaran halaman FRAME_HTML/Xhtml_Web

Analisis perbezaan antara Iframe dan pengeluaran halaman FRAME_HTML/Xhtml_Web

WBOY
WBOYasal
2016-05-16 16:41:461354semak imbas
1. Penggunaan tag Iframe
Apabila bercakap tentang Iframe, anda mungkin telah membuangnya ke "sudut terlupa", tetapi apabila ia datang kepada saudaranya Frame, anda tidak akan asing. Tag bingkai ialah tag bingkai Apa yang kami panggil struktur berbilang bingkai adalah untuk memaparkan berbilang fail HTML dalam tetingkap penyemak imbas. Sekarang, kita menghadapi situasi yang sangat realistik: jika terdapat tutorial, ia dibahagikan kepada bahagian satu demi satu Pada akhir setiap halaman, terdapat pautan ke "bahagian sebelumnya" dan "bahagian seterusnya", kecuali kandungannya. setiap tutorial adalah berbeza. Tambahan pula, kandungan bahagian lain halaman adalah sama Nampaknya terlalu membosankan untuk membuat halaman demi halaman yang bodoh daripada halaman tidak berubah, cuma buat tutorial Ia menjadi halaman kandungan halaman demi halaman, tanpa kandungan lain Apabila mengklik pautan atas dan bawah halaman, hanya bahagian kandungan tutorial akan ditukar, dan bahagian lain akan kekal tidak berubah. Dengan cara ini, satu menjimatkan masa, dan satu lagi ialah jika tutorial mempunyai tiga perubahan panjang dan dua pendek pada masa hadapan, juga sangat mudah, dan tidak akan menjejaskan seluruh tentera yang lebih penting, sepanduk pengiklanan, senarai lajur, navigasi dan perkara lain yang disertakan dalam hampir setiap halaman hanya dimuat turun sekali dan kemudian tidak lagi dimuat turun.
Teg iframe, juga dipanggil teg bingkai terapung, anda boleh menggunakannya untuk membenamkan dokumen HTML dalam paparan HTML. Ciri terbesar yang berbeza daripada teg Frame ialah fail HTML yang dirujuk oleh teg ini tidak dipaparkan secara berasingan daripada fail HTML lain, tetapi boleh dibenamkan terus dalam fail HTML dan disepadukan dengan kandungan fail HTML untuk menjadi keseluruhan. . Selain itu, , anda juga boleh memaparkan kandungan yang sama beberapa kali pada halaman tanpa perlu menulis kandungan berulang kali Metafora yang jelas ialah TV "gambar-dalam-gambar".
Sekarang mari kita bincangkan tentang penggunaan teg Iframe. Format penggunaan
teg Iframe ialah:

src: laluan fail, yang boleh menjadi fail HTML, teks, ASP, dll.; ketinggian: "lukis Lebar dan ketinggian kawasan "gambar sederhana";
menatal: Apabila fail HTML SRC yang ditentukan tidak dipaparkan dalam kawasan yang ditentukan, pilihan menatal, jika ditetapkan kepada TIDAK, bar tatal tidak akan muncul; jika ia adalah Auto: maka Bar skrol akan dipaparkan secara automatik; jika Ya, ia akan dipaparkan; , ia selalunya ditetapkan kepada 0.
Contohnya:


2. Kawalan bersama antara bentuk induk dan bingkai terapung
Dalam bahasa skrip dan tahap objek, termasuk Iframe Kami memanggil tetingkap bentuk induk, dan bingkai terapung dipanggil bentuk anak Adalah penting untuk memahami hubungan antara kedua-duanya, kerana untuk mengakses borang anak dalam bentuk induk atau sebaliknya, anda mesti mengetahui hierarki objek sebelum anda. boleh lulus program untuk mengakses dan mengawal borang. 1. Akses dan kawal objek dalam subborang dalam bentuk induk
Dalam borang induk, Iframe atau subborang, ialah objek anak bagi objek dokumen dan anda boleh mengakses subborang secara langsung dalam skrip. objek dalam.
Sekarang timbul persoalan, iaitu bagaimana kita mengawal Iframe ini Di sini kita perlu bercakap tentang objek Iframe. Apabila kami menetapkan atribut ID kepada teg ini, kami boleh melakukan satu siri kawalan pada HTML yang terkandung dalam Iframe melalui DOM Model Objek Dokumen.
Sebagai contoh, benamkan fail test.htm dalam example.htm dan kawal beberapa objek teg dalam test.htm:





hello, my boy



Jika kita ingin menukar teks dalam tag H1 dengan nombor ID myH1 to hello , my dear, you can use: document.myH1.innerText="hello,my dear" (di mana dokumen boleh ditinggalkan)
Dalam fail example.htm, subbentuk yang ditunjuk oleh Iframe mark objek adalah sama dengan umum Model objek DHTML adalah konsisten, dan kaedah kawalan akses objek adalah sama, jadi saya tidak akan pergi ke butiran.
2. Akses dan kawal objek dalam bentuk induk dalam subborang
Dalam subborang, kita boleh mengakses objek dalam tetingkap induk melalui objek induknya (induk).
Seperti contoh.htm:




hello, isteriku



Jika kita ingin mengakses teks tajuk dalam frame1.htm dengan nombor ID myH2 dan menukarnya kepada "hello, kawan saya", kita boleh menulis seperti ini: parent.myH2.innerText= "hello, kawan saya"
Objek induk di sini mewakili bentuk semasa (borang di mana example.htm terletak untuk mengakses objek dalam borang induk dalam bentuk anak, tanpa pengecualian, objek induk digunakan).
Walaupun Iframe dibenamkan dalam fail HTML lain, ia kekal secara relatifnya bebas dan merupakan "kerajaan bebas". Ciri-ciri dalam satu HTML juga digunakan pada bingkai terapung.
Bayangkan sahaja, melalui tag Iframe, kita boleh menyatakan kandungan yang tidak berubah sebagai Iframe Dengan cara ini, kita tidak perlu menulis kandungan yang sama berulang kali Ini adalah sedikit seperti proses atau fungsi dalam pengaturcaraan, dan betapa membosankannya buruh diselamatkan! Di samping itu, dan yang penting, ia menjadikan pengubahsuaian halaman lebih boleh dilaksanakan, kerana daripada perlu mengubah suai setiap halaman untuk melaraskan reka letak, anda hanya perlu mengubah suai reka letak satu borang induk.
Satu perkara yang perlu diperhatikan ialah penyemak imbas Nestscape tidak menyokong teg Iframe, tetapi dalam dunia IE hari ini, ini nampaknya tidak menjadi masalah besar teg Iframe digunakan secara meluas, bukan sahaja untuk kepentingan mereka sendiri ( laman web), tetapi juga untuk netizen untuk menjimatkan wang yuran Internet, mengapa tidak?
BINGKAI Terapung ialah definisi dalam spesifikasi HTML4.0 dan pelayar semasa menyokongnya.
Tidak seperti partition yang diwakili oleh FRAMESET, FRAME terapung wujud pada halaman Web sebagai objek terbina dalam dan gayanya adalah seperti grafik atau applet pada halaman. FRAME Terapung menggunakan teg

Tunjukkan satu.htm


Tunjukkan dua.htm


Bawa balik mulakan .htm
Perhatikan bahawa untuk penyemak imbas yang menyokong teg akan diabaikan. Jika tidak, kandungan akan dipaparkan, yang boleh digunakan sebagai penjelasan bahawa penyemak imbas semasa tidak menyokong

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn