Analisis penggunaan Iframe
Digunakan untuk menetapkan bingkai atau bekas terapung untuk teks atau grafik.
BORDER

Tetapkan lebar tepi di sekeliling bingkai
FRAMEBODER
<br>Tetapkan sama ada jidar adalah 3 dimensi (0=tidak, 1=ya) <br>TINGGI,LEBAR <br><TINGGI IFRAME="31" LEBAR="88"> /IFRAME> <br>Tetapkan lebar dan tinggi jidar <br>MENTALKAN <br><IFRAME SCROLLING="NO">
Sama ada bar skrol AUTO )
SRC

Nyatakan fail atau imej yang dipanggil oleh IFRAME (HTML, HTM, GIF, JPEG, JPG, PNG, TXT, *.*)
Kesan "Picture-in-picture"--membincangkan penggunaan tag IFRAME
Melihat laman web hari ini, kelajuan Internet agak perlahan, tetapi hampir setiap halaman perlu meletakkan beberapa sepanduk , gambar lajur, hak cipta, dll. Sudah tentu, tidak ada yang salah dengan banyak perkara yang serupa kerana keperluan untuk gaya laman web yang bersatu dan kesan pengiklanan, tetapi selepas semua, dompet pengguna semakin kehabisan wang oleh "perhiasan ini" " perkara. Adakah terdapat apa-apa cara untuk menjadikannya mungkin? Selepas memuat turun perkara serupa ini sekali, tidak perlu memuat turunnya semula, tetapi hanya kandungan halaman web dengan kawasan kandungan yang diubah itu dimuat turun?
Jawapannya pasti: gunakan tag Iframe!
1. Penggunaan tag Iframe
Apabila bercakap tentang Iframe, anda mungkin telah membuangnya ke "sudut yang terlupa", tetapi apabila ia berkaitan dengan 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
teg Iframe ialah:

Salin kodKodnya adalah seperti berikut:

🎜>src: fail Laluan boleh berupa fail HTML, teks, ASP, dsb.;
lebar, tinggi: lebar dan tinggi kawasan
menatal: apabila ditentukan Fail HTML SRC berada dalam kawasan yang ditentukan Apabila pilihan tatal tidak dipaparkan atau selesai, jika ia ditetapkan kepada TIDAK, bar tatal tidak akan muncul jika ia adalah Auto: bar tatal akan muncul secara automatik; ia akan dipaparkan;

FrameBorder: lebar sempadan kawasan, untuk membuat " Picture-in-picture "Bercantum dengan kandungan bersebelahan, biasanya ditetapkan kepada 0."
Contohnya:

Salin kod

Kod tersebut adalah seperti berikut: >
2. Kawalan bersama antara bentuk induk dan bingkai terapung Dalam bahasa skrip dan hierarki objek, tetingkap yang mengandungi Iframe dipanggil bentuk induk, manakala bingkai terapung dipanggil bentuk anak perhubungan adalah penting kerana untuk mengakses borang anak dalam bentuk induk atau sebaliknya, anda mesti mengetahui hierarki objek sebelum anda boleh mengakses dan mengawal borang tersebut secara pemrograman.
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:

Salin kod

Kodnya adalah seperti berikut:

kod fail test.htm ialah:

hello ,anak saya< /h1>

, sayangku, ia boleh digunakan :
document.myH1.innerText="hello,my dear" (dokumen boleh ditinggalkan)
Dalam fail example.htm, subbentuk yang ditunjuk oleh objek teg Iframe ialah konsisten dengan model objek DHTML umum Kaedah kawalan akses objek adalah sama dan tidak akan diterangkan lagi.

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:

Salin kod

Kodnya adalah seperti berikut: < ;html>

hello, my wife

;

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,my friend"
Objek induk di sini mewakili bentuk semasa (borang di mana example.htm terletak Anda perlu mengakses objek dalam borang induk dalam bentuk anak, tanpa pengecualian Semua dilakukan melalui objek induk.
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 banyak kerja manual yang membosankan! 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?
Contoh

Salin kod

Kodnya adalah seperti berikut: < iframe src= "Page" width="width" height="height" align="Susunan boleh kiri atau kanan, tengah" scrolling="Jika terdapat bar skrol, isikan tidak atau ya" > < IFRAME frameBorder=0 frameSpacing=0 tinggi=25 marginHeight=0 marginWidth=0 scrolling=no name=main src="bgm/bgm.html" width=300>

2 :::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::

Selepas menggunakan iframe, saya dapati bar skrol tidak cantik dan saya mahu menggunakan 2 gambar untuk menggantikannya ↑↓
Bagaimana ia harus dilaksanakan?
Jawapan:
Ganti

dengan kod berikut: Salin kod

Kod tersebut adalah seperti berikut :