Rumah  >  Artikel  >  hujung hadapan web  >  Kemahiran kod_javascript operasi bingkai (iframe) praktikal

Kemahiran kod_javascript operasi bingkai (iframe) praktikal

WBOY
WBOYasal
2016-05-16 16:33:001284semak imbas

Kod biasa:

<iframe src="http://www.baidu.com" marginwidth="0" marginheight="0" border="0"
	scrolling="no" frameborder="0"
	width="350" height="270"></iframe>

<iframe src="http://www.jb51.net/plugins/like.php&#63;href=YOUR_URL"
    scrolling="no" frameborder="0"
    style="border:none; width:450px; height:80px"></iframe>

Bingkai capaian JavaScript, orientasi iframe dan href

一.bingkai

1. Rujukan dari bingkai induk kepada bingkai anak

Mengetahui prinsip di atas, sangat mudah untuk merujuk bingkai kanak-kanak dari bingkai induk, iaitu:

window.frames["frameName"];

Ini merujuk kepada subbingkai bernama frameName dalam halaman. Jika anda ingin merujuk subframe dalam subframe, mengikut sifat bingkai yang dirujuk, yang sebenarnya merupakan objek tetingkap, anda boleh melaksanakannya seperti ini:

window.frames["frameName"].frames["frameName2"];

Dengan cara ini, sub-bingkai peringkat kedua dirujuk, dan dengan analogi, rujukan rangka kerja berbilang lapisan boleh dicapai.

2. Rujukan daripada bingkai kanak-kanak kepada bingkai ibu bapa

Setiap objek tetingkap mempunyai atribut induk, yang mewakili bingkai induknya. Jika bingkai sudah menjadi bingkai peringkat atas, window.parent juga mewakili bingkai itu sendiri.

3. Rujukan antara rangka kerja adik beradik

Jika dua bingkai adalah sub-bingkai bingkai yang sama, ia dipanggil bingkai adik-beradik dan boleh merujuk antara satu sama lain melalui bingkai induk Contohnya, halaman mengandungi 2 sub-bingkai:

<frameset rows=”50%,50%”>
  <frame src=”1.html” name=”frame1″ />
  <frame src=”2.html” name=”frame2″ />
</frameset>

Dalam frame1 anda boleh menggunakan pernyataan berikut untuk merujuk bingkai2:

self.parent.frames["frame2"];

4. Rujukan bersama antara rangka kerja pada tahap yang berbeza

Hierarki bingkai adalah untuk bingkai peringkat atas. Apabila tahap berbeza, selagi anda tahu tahap anda berada dan tahap serta nama bingkai lain, anda boleh mengakses satu sama lain dengan mudah dengan menggunakan sifat objek tetingkap yang dirujuk oleh bingkai, contohnya:

self.parent.frames["childName"].frames["targetFrameName"];

5. Rujukan kepada bingkai peringkat atas

Sama seperti atribut induk, objek tetingkap juga mempunyai atribut atas. Ia mewakili rujukan kepada bingkai peringkat atas, yang boleh digunakan untuk menentukan sama ada bingkai itu sendiri ialah bingkai peringkat atas, contohnya:

Salin kod Kod adalah seperti berikut:

//Tentukan sama ada bingkai ini ialah bingkai peringkat atas
jika(diri==atas){
//melakukan sesuatu
}

iaitu

Salin kod Kod adalah seperti berikut:

jika (window.top!=window.self) {
// melakukan sesuatu
}

Tukar halaman pemuatan bingkai

Rujukan kepada bingkai ialah rujukan kepada objek tetingkap Menggunakan atribut lokasi objek tetingkap, anda boleh menukar navigasi bingkai, contohnya:

.

window.frames[0].location = "1.html";

Rujukan pembolehubah dan fungsi JavaScript dalam rangka kerja lain

Sebelum memperkenalkan teknik merujuk pembolehubah dan fungsi JavaScript dalam rangka kerja lain, mari kita lihat kod berikut:

<script language=”JavaScript” type=”text/javascript”>
<!–
function hello(){
  alert(“hello,ajax!”);
}
window.hello();
//–>
</script>

2.iframe

Tegasnya, anda harus menggunakan tatasusunan bingkai dan document.all.

Salin kod Kod adalah seperti berikut:

819e7595c8d3e83ad91a7b668d40d20d”>065276f04003e4622c4fe6b64f465b88
a0f0e21da4d4c0b7db81e6b20946d387

三.href

1. Acara onclick pautan dilaksanakan terlebih dahulu, diikuti dengan tindakan di bawah atribut href (lompat halaman, atau pautan pseudo javascript
). 2. Andaikan bahawa kedua-dua href dan onclick wujud dalam pautan Jika anda mahu tindakan di bawah atribut href tidak dilaksanakan, onclick mesti mendapat nilai pulangan palsu. Jika anda tidak percaya, anda boleh mengulas balasan palsu dalam fungsi goGoogle; 3. Jika halaman terlalu panjang dan mempunyai bar skrol, dan anda ingin melakukan operasi melalui acara onclick pautan. Atribut hrefnya hendaklah ditetapkan kepada javascript:void(0); dan bukannya #, yang boleh menghalang lompatan halaman yang tidak perlu; 4. Jika fungsi dengan nilai pulangan dipanggil dalam atribut href pautan, kandungan halaman semasa akan digantikan dengan nilai pulangan fungsi ini; 5. Akan ada perbezaan apabila menahan kekunci Shift.
6. Masalah yang saya hadapi hari ini ialah saya tidak boleh mengakses parentNode dalam bentuk href dalam IE6.0.
7. Cuba jangan gunakan javascript: protocol sebagai atribut href bagi A. Ini bukan sahaja menyebabkan peristiwa window.onbeforeunload dicetuskan secara tidak perlu, tetapi juga akan menghentikan imej animasi GIF daripada bermain dalam IE.

Contohnya:

a4726f459008034cccec928780662811Tukar Kata Laluan5db79b134e9f6b82c0b36e0489ee08ed

Laraskan ketinggian bingkai

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