Contoh analisis masalah operasi FRAME dalam kemahiran JS_javascript

Contoh dalam artikel ini membincangkan pengendalian FRAME dalam JS dan berkongsi dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Gambar di atas ialah contoh Di sini, operasi bersama antara bingkai disenaraikan secara ringkas sebagai: 1. Pembolehubah 2. Kaedah 3. Pemerolehan bersama unsur antara halaman.

1 Mulakan pertama daripada ibu bapa(frameABC)------->anak(frameA,frameB,frameC)

① Akses nama pembolehubah

Jika anda beroperasi dalam frameABC, maka anda boleh:

Salin kod Kod adalah seperti berikut:

window.frames("frameA").contentWindow.name

atau

Salin kod Kod adalah seperti berikut:

document.getElementById("frameA").contentWindow. nama

atau

Salin kod Kod adalah seperti berikut:

jquery: window.$("#frameA") [0] .contentWindow.name

② Fungsi kaedah akses

Jika anda beroperasi dalam frameABC, maka anda boleh:

Salin kod Kod adalah seperti berikut:

window.frames("frameA").contentWindow.func();

atau

Salin kod Kod adalah seperti berikut:

document.getElementById("frameA").contentWindow. func() ;

atau

Salin kod Kod adalah seperti berikut:

jquery: window.$("#frameA") [0] .contentWindow.func();

③ Akses elemen subhalaman: nama pengguna

Jika anda beroperasi dalam frameABC, maka anda boleh:

Salin kod Kod adalah seperti berikut:window.frames("frameA").contentWindow.document.getElementById( "nama pengguna" );

atau

Salin kod Kod adalah seperti berikut:document.getElementById("frameA").contentWindow. document.getElementById ("nama pengguna");

atau

Salin kod Kod adalah seperti berikut:jquery: window.$("#frameA") [0] .contentWindow.$("#nama pengguna");

2. Kemudian daripada anak (frameA, frameB, frameC)------------> kepada ibu bapa (frameABC)

① Akses nama pembolehubah halaman induk Jika anda beroperasi dalam bingkaiA (subhalaman), anda boleh:

Salin kod Kod adalah seperti berikut:window.parent.name;

② Akses fungsi kaedah halaman induk Jika anda beroperasi dalam bingkaiA (subhalaman), anda boleh:

Salin kod Kod adalah seperti berikut:window.parent.func();

③ Akses nama pengguna elemen halaman induk Jika anda beroperasi dalam frameA (subhalaman), anda boleh:

Salin kod Kod adalah seperti berikut:window.parent.$("#username")

Atau:

Salin kod Kod adalah seperti berikut: window.parent.document.getElementById("nama pengguna ");

Ringkasan:

Bingkai hanyalah bingkai halaman Jika anda ingin mengendalikan elemen dalam subframe, anda perlu memasuki tetingkap atau contentWindow terlebih dahulu. Untuk mengakses halaman induk daripada halaman anak, anda perlu mengira hubungan ibu bapa-anak dan membahagikannya kepada beberapa lapisan.

Saya membaca siaran lain dalam talian tentang isu pemuatan halaman. Ini mungkin bermakna bahawa elemen pengendalian sebelum halaman sub-bingkai dimuatkan akan menyebabkan pepijat Rakan yang berminat boleh mengujinya dengan cara yang disasarkan. Saya percaya akan ada keuntungan baru.

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.