Mari kita lihat dahulu fail bantuan untuk kandungan objek() dalam JQUERY
kandungan()
Gambaran keseluruhan
Cari semua nod anak (termasuk nod teks) di dalam elemen padanan. Jika elemen ialah iframe, cari kandungan dokumen
Contoh
Penerangan:
Cari semua nod teks dan tebal
HTML
jQuery
Tambahkan beberapa kandungan pada bingkai kosong
1 Terdapat dua ifame dalam kandungan
Salin kod
2 seperti yang ditunjukkan di atas
jQuery dalam leftiframe mengendalikan kandungan mainiframe dan kandungan someID
$("#mainframe",parent.document.body).contents().find("someID").html() atau
$("#mainframe",parent.document.body).contents().find("someID").val()
Jquery mendapat teg dengan id xuan dalam tetingkap induk yang menjadi milik iframe
$(window.parent.document).find("#xuan").html(x);//
//JS mencipta elemen dan menambahkannya pada Iframe bagi masalah operasi DOM dalam elemen:
Panggil terus kaedah dalam tetingkap induk dalam iframe: Andaikan bahawa tetingkap induk mempunyai kaedah tambah
self.parent.add();
============================================ === ==================
Perbezaan dalam objek dokumen iframe antara IE dan Firefox
Dalam IE6 dan IE7, kita boleh menggunakan document.frames[ID].document untuk mengakses objek dokumen dalam sub-tetingkap iframe Walau bagaimanapun, ini adalah kaedah penulisan yang tidak mematuhi piawaian W3C dan juga unik kaedah di bawah IE. Dalam Firefox Tetapi ia tidak boleh digunakan di bawah Firefox Kaedah document.getElementById(ID).contentDocument yang mematuhi standard W3C digunakan di bawah Firefox Semasa saya menulis contoh hari ini, saya juga mengujinya menggunakan kaedah yang mematuhi piawaian W3C
document.getElementById(ID).contentDocument kaedah. Jadi kita boleh menulis cara universal untuk mendapatkan iframe di bawah IE dan Firefox
Fungsi objek dokumen—getIFrameDOM:
P.S.: Jika kita ingin mendapatkan objek tetingkap iframe dan bukannya objek dokumen, kita boleh menggunakan kaedah document.getElementById(ID).contentWindow. Dengan cara ini, kita boleh menggunakan objek tetingkap dalam tetingkap kanak-kanak, seperti fungsi dalam tetingkap kanak-kanak.
Gunakan fungsi tetingkap induk dalam tetingkap anak untuk mendapatkan objek dokumen tetingkap induk
Dalam tetingkap anak, kita boleh mendapatkan objek tetingkap tetingkap induk melalui induk Jika kita mempunyai fungsi yang dipanggil getIFrameDOM dalam tetingkap induk, kita boleh memanggilnya melalui parent.getIFrameDOM Dengan cara yang sama, kita boleh gunakan parent.document Objek dokumen tetingkap induk boleh diakses dalam tetingkap anak.
Contoh manipulasi DOM bagi iframe menggunakan JavaScript
Mula-mula, kami memperkenalkan dua sub-tetingkap iframe dalam tetingkap induk, dengan ID wIframeA dan wIframeB, serta alamat: a.html dan b.html masing-masing.
Kod HTML utama tetingkap induk adalah seperti berikut:
Hello World!
1 Dalam iframe, tetingkap induk mengendalikan DOM tetingkap anak
Tetingkap induk dan tetingkap anak telah dibina, supaya kita boleh menggunakan fungsi iframeA() berikut dalam tetingkap induk untuk menukar warna latar belakang tetingkap anak A kepada merah:
2. Dalam iframe, tetingkap anak mengendalikan DOM tetingkap induk
Dalam tetingkap anak, kita boleh mengendalikan tetingkap induk DOM Kita hanya perlu menambah kaedah objek induk Yige sebelum operasi DOM Sebagai contoh: dalam tetingkap anak B di atas, kita boleh menggunakan yang berikut kod menggantikan kandungan dengan ID "pHello" dalam tetingkap induk:
------------------
3 Dalam iframe, sub-tetingkap A mengendalikan DOM sub-tetingkap B
Memandangkan tetingkap anak boleh mengendalikan objek tetingkap dan objek dokumen tetingkap induk, tetingkap anak juga boleh mengendalikan DOM tetingkap anak lain~ Broken Bridge Canxue boleh terus menggunakan ibu bapa dalam tetingkap anak B untuk memanggil terus getIFrameDOM dalam tetingkap induk Fungsi mendapatkan objek dokumen sub-tetingkap A, jadi sangat mudah untuk mengubah suai kandungan sub-tetingkap A, seperti kod berikut:
============================================ === =====================================
Masalah dengan ketinggian iframe yang berubah secara automatik telah mengganggu saya untuk masa yang lama saya mencari maklumat di Internet, tetapi ia tidak begitu baik saya menggabungkannya dengan jquery (versi 1.3.2), iaitu hanya 4 baris kod ia sangat serasi dengan IE, Firefox, Opera, Safari, Google
Chrome, js adalah seperti berikut:
Kata kunci ini nampaknya mempunyai makna yang berbeza dalam pelbagai pelayar FF dan IE mesti menggunakan nama iframe untuk mendapatkan ketinggian halaman dalaman, manakala pelayar lain boleh menggunakan ini atau ID
Petikan
Mereka semua bercakap tentang masalah tak segerak Jika anda banyak menggunakan ajax, tetapi tidak mahu menyediakannya setiap kali, maka menukar iframe secara dinamik pasti tidak akan memenuhi keperluan kebersihan kod anda. atau anda boleh meninggalkan iframe . Saya hanya boleh bercakap tentang kaedah pemprosesan umum Lagipun, ajax atau borang dinamik hanya menyumbang sebahagian kecil dalam aplikasi umum Selepas permintaan tak segerak, anda hanya perlu menambah:
pada akhirnya.
Kod Js