Analisis bingkai tetingkap javascript kompleks_kemahiran javascript

Apakah bingkai tingkap?

Pembingkaian tetingkap adalah untuk membahagikan tetingkap dokumen penyemak imbas kepada berbilang tetingkap Setiap tetingkap boleh memaparkan fail halaman web bebas, dan setiap bingkai (iaitu halaman) mempunyai URLnya sendiri.

Bagaimana untuk mencipta tetingkap bingkai?

Bingkai biasanya dibuat menggunakan tag f900b4fc197b16ab214eecf015bb6bd2 Tetapi dalam HTML 4, teg d5ba1642137c3f32f4f4493ae923989c juga boleh digunakan untuk membuat "bingkai sebaris" dalam dokumen. Setakat JavaScript berkenaan, d5ba1642137c3f32f4f4493ae923989c mencipta bingkai yang sama seperti f900b4fc197b16ab214eecf015bb6bd2

Dalam HTML, gunakan f900b4fc197b16ab214eecf015bb6bd2 (teg tetingkap split) untuk membelah tetingkap Status f900b4fc197b16ab214eecf015bb6bd2 halaman. Dalam halaman Gunakan f900b4fc197b16ab214eecf015bb6bd2...eb5f059992a0ae0ef16884cb75644e40 Tambahan pula, teg f900b4fc197b16ab214eecf015bb6bd2 menentukan cara tetingkap dibahagikan, serta kedudukan dan saiz setiap tetingkap. Struktur tatabahasa asasnya adalah seperti berikut:

<frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset>

kol dan baris: ialah dua parameter yang menentukan cara halaman dibahagikan. Gunakan cols untuk membelah tetingkap kiri dan kanan, dan lebar kiri dan kanan setiap bingkai dinyatakan sebagai peratusan lebar tetingkap. Contohnya: cols="30%,40%,*" bermaksud ia dibahagikan kepada tiga tetingkap dalam arah mendatar, dan peratusan jumlah lebar setiap tetingkap ialah 30%, 40% dan 30%. Antaranya, "*" mewakili bahagian yang tinggal, iaitu lebar tetingkap kecil yang sepadan dengan "*" ialah lebar yang tinggal. Gunakan baris untuk memisahkan tetingkap atas dan bawah, dan juga gunakan kaedah tetapan peratusan.

　sempadan bingkai: menentukan sama ada setiap sub-tetingkap (ye) perlu menambah sempadan (tidak); jika bingkai ditambah, gunakan parameter sempadan untuk menentukan lebar sempadan dan warna sempadan untuk menentukan warna sempadan.

　jarak bingkai: digunakan untuk menetapkan saiz selang antara setiap sub-tetingkap Nilai lalai ialah 0.

Selepas membahagikan tetingkap menggunakan teg f900b4fc197b16ab214eecf015bb6bd2, atribut setiap tetingkap ditakrifkan menggunakan teg HTML f900b4fc197b16ab214eecf015bb6bd2 setiap tetingkap kecil. Sintaksnya adalah seperti berikut:

<frame align=left|center|right|top|bottomv name=framename src＝url noresize scrolling＝yes|on|auto frameborder=yes|no bordercolor＝＃n marginheight=n marginwidth＝n></frame>

　selaraskan: Tetapkan kedudukan sub-tingkap ke kiri (kiri), kanan (kanan), tengah (tengah), atas (atas) atau bawah (bawah).

　nama: digunakan untuk menentukan nama sub-tetingkap, dan src digunakan untuk menentukan alamat halaman HTML yang sepadan dengan sub-tetingkap.

　noresize: adalah untuk pengguna Apabila teg 04a0d55efbbfd646a993fbc01f262c57

　menatal: Tetapkan sama ada sub-tetingkap memerlukan bar skrol. Apabila menatal=tidak, bar skrol tidak diperlukan Apabila menatal=ya, bar skrol diperlukan Apabila menatal=auoto, bar skrol ditetapkan secara automatik mengikut situasi sebenar.

　warna sempadan dan bingkai: digunakan untuk menetapkan warna sempadan dan sempadan sub-tetingkap. Tetapi objek itu terhad kepada sub-tingkap yang ditandakan dengan 8dbc5f96aa4da081cdb2fdacad0ee0dc.

　tinggi margin dan lebar margin: digunakan untuk menetapkan lebar tepi atas dan bawah serta tepi kiri dan kanan sub-tetingkap masing-masing.

Contohnya:

<frameset cols="50%,*,25%">
 <frame src="http://www.baidu.com" noresize="noresize" />
 <frame src="http://www.baidu.com" />
 <frame src="http://www.baidu.com" />
</frameset>

Apakah hubungan antara tetingkap bingkai dalam JavaScript?
Mana-mana bingkai tetingkap boleh merujuk bingkai lain melalui atribut atas, bingkai dan ibu bapa.

Kod JavaScript dalam mana-mana tetingkap atau bingkai boleh merujuk tetingkap atau bingkainya sendiri sebagai tetingkap atau diri.

Setiap tetingkap mempunyai atribut bingkai. Sifat ini merujuk kepada tatasusunan objek Tetingkap, di mana setiap elemen mewakili bingkai yang terkandung dalam tetingkap ini (jika tetingkap tidak mempunyai sebarang bingkai, maka tatasusunan bingkai[] adalah kosong dan frames.length ialah 0). tetingkap Anda boleh menggunakan bingkai[0] untuk merujuk bingkai pertamanya, bingkai[1] untuk merujuk bingkai kedua dan seterusnya.

Setiap tetingkap juga mengandungi atribut induk, yang merujuk kepada objek Tetingkap yang mengandungi tetingkap ini. Dengan cara ini, bingkai pertama dalam tetingkap boleh merujuk bingkai saudaranya, iaitu:

　parent.frames[1]

Jika tetingkap ialah tetingkap peringkat atas dan bukannya bingkai, maka atribut induk merujuk kepada tetingkap itu sendiri:

parent==self;

Jika bingkai terkandung dalam bingkai lain, yang terkandung dalam tetingkap peringkat atas, maka bingkai itu boleh menggunakan parent.parent untuk merujuk tetingkap peringkat atas.

Nota:
Bingkai tidak boleh wujud bersama dengan tag badan dan kandungan

Pembingkaian tidak kondusif untuk pengoptimuman enjin carian Tidak disyorkan untuk menggunakan pembingkaian pada halaman hadapan biasa.

Di atas adalah keseluruhan kandungan artikel ini saya harap ia akan membantu semua orang dalam mempelajari pengaturcaraan javascript.