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:

atau

atau

② Fungsi kaedah akses

Jika anda beroperasi dalam frameABC, maka anda boleh:

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

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

jquery: window.$("#frameA") [0] .contentWindow.func(); ③ Akses elemen subhalaman: nama pengguna

Jika anda beroperasi dalam frameABC, maka anda boleh:

atau

atau

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

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

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

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

Atau:

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.