Dalam proyek ini, Anda sering perlu menambahkan iframes secara dinamis dan kemudian melakukan operasi terkait pada iframes yang ditambahkan. Terkadang Anda akan menemukan alasan mengapa iframe memuat dengan sangat lambat dan bagaimana menyelesaikannya? Mari kita pelajari artikel ini dengan pertanyaan ini dan temukan jawabannya!
aaa.html
<Html> <head> <title> aaa </title> </ head> <body> <iframe src = "bbb.html" name = bbb> </iframe> <input type = "tombol" value = "nilai kontrol teks" onclick = "ware (bbb.document.all. Bahasa = "javascript"> peringatan (bbb.document.all.txt.value); </script> </body> </html>
BBB.html
<Html> <Head> <title> bb </iteme> </head> <body> <input type = nama teks = txt value = "guoguo"> </body> </html>
pertanyaan:
Jalankan AAA.html di atas dan temukan bahwa kode secara langsung belum diketik, tetapi mengklik tombol dapat menghasilkan nilainya.
menganalisa:
Saat halaman dimuat, ketika Anda menemukan iframe, Anda akan melompati, memuat konten berikut, dan kemudian kembali untuk memuat iframe. Tentu saja, juga dapat dipahami bahwa ketika Anda menemukan iframe, Anda membuka utas untuk memuat iframe. Namun, karena memakan waktu untuk melibatkan operasi IO baru, pemuatan iframe masih lebih lambat dari eksekusi kode JS di bagian bawah halaman, sehingga masalah di atas terjadi.
Larutan:
Tambahkan keterlambatan dalam kode JS (penundaan spesifik dapat didasarkan pada pengalaman pribadi), sehingga Anda dapat memastikan bahwa objek di iframe diperoleh secara normal.
<Script language = "javascript"> setTimeout ("waspada (bbb.document.all.txt.value)", 1500); </script>Kesimpulan: Ketika iframe termasuk dalam halaman, jika kita ingin mengoperasikan objek di iframe melalui JS, kita harus menunggu sampai iframe dimuat sebelum beroperasi, jika tidak kita tidak akan mendapatkan objek yang diinginkan.
Di atas adalah solusi untuk memperlambat pemuatan iframe JS yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Pada saat yang sama, saya ingin mengucapkan terima kasih banyak atas dukungan Anda untuk situs web Wulin.com!