Artikel ini membahas masalah operasional bingkai di JS dan membagikannya untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Gambar di atas adalah contoh. Di sini, interoperabilitas antar frame hanya terdaftar sebagai: 1 Variabel 2 Metode 3 Mutual Acoquisition of Elements antar halaman.
1. Pertama, dari Parent (Frameabc) -------> Anak (Framea, Frameb, Framec)
① Akses Nama Nama Variabel
Jika Anda beroperasi di FrameAbc, Anda dapat:
Salinan kode adalah sebagai berikut: window.frames ("framea"). ContentWindow.name
Atau salin kode sebagai berikut: document.geteLementById ("framea"). ContentWindow.name
Atau salin kode sebagai berikut: jQuery: window. $ ("#Frame") [0] .contentWindow.name
② Fungsi Metode Akses
Jika Anda beroperasi di FrameAbc, Anda dapat:
Salinan kode adalah sebagai berikut: window.frames ("framea"). ContentWindow.func ();
Atau salin kode kode sebagai berikut: document.getElementById ("framea"). ContentWindow.func ();
Atau salin kode sebagai berikut: jQuery: window. $ ("#Framea") [0] .contentWindow.func ();
③ Kunjungi Elemen Subpage: Nama Pengguna
Jika Anda beroperasi di FrameAbc, Anda dapat:
Salinan kode adalah sebagai berikut: window.frames ("framea"). ContentWindow.document.getElementById ("nama pengguna");
Atau salin kode kode sebagai berikut: document.getElementById ("framea"). ContentWindow.document.getElementById ("nama pengguna");
Atau salin kode kode sebagai berikut: jQuery: window. $ ("#Framea") [0] .contentWindow. $ ("#Username");
2. Lalu dari anak (framea, frameb, framec) ------------> ke induk (frameabc)
① Kunjungi nama variabel halaman induk. Jika dioperasikan dalam framea (subhalaman) maka itu bisa:
Salinan kode adalah sebagai berikut: window.parent.name;
② Metode mengakses fungsi halaman induk, jika dioperasikan dalam framea (subhalaman) maka dapat:
Salinan kode adalah sebagai berikut: window.parent.func ();
③ Kunjungi nama pengguna elemen halaman induk, jika dioperasikan dalam framea (subhalaman) maka dapat:
Salin kode sebagai berikut: window.parent. $ ("#Username")
Atau: Salin kode kode sebagai berikut: window.parent.document.geteLementById ("nama pengguna");
Meringkaskan:
Bingkai hanyalah bingkai halaman. Jika Anda ingin mengoperasikan elemen dalam subframe, Anda harus terlebih dahulu memasukkan jendela atau ContentWindow. Mengakses halaman induk dari halaman anak memerlukan menghitung hubungan orang tua-anak dan membaginya menjadi beberapa lapisan.
Saya membaca posting lain secara online dan berbicara tentang masalah tentang pemuatan halaman. Ini mungkin berarti bahwa jika halaman subframe dimuat, itu akan menyebabkan bug. Teman -teman yang tertarik dapat mengujinya secara bertarget, dan saya percaya akan ada keuntungan baru!
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.