Dans le projet, vous devez souvent ajouter dynamiquement IFRAMES, puis effectuer des opérations connexes sur les iframes ajoutés. Parfois, vous rencontrerez la raison pour laquelle l'iframe se charge très lentement et comment le résoudre? Apprenons cet article avec cette question et trouvons les réponses!
aaa.html
<html> <éad- head> <ititle> aaa </title> </ head> <body> <iframe src = "bbb.html" name = bbb> </ iframe> <input type = "Button" value = "show text Control Value" onClick = "Script (bbb.Document.all.txt.value)"> <script (BBB.ALT Language = "JavaScript"> alert (bbb.Document.all.txt.value); </cript> </body> </html>
bbb.html
<Html> <A-head> <tight> bb </title> </ head> <body> <Type de Text = Text Name = Txt Value = "Guoguo"> </body> </html>
question:
Exécutez l'AAA.html ci-dessus et constatez que le code n'a pas été tapé, mais cliquer sur le bouton peut produire sa valeur.
analyser:
Lorsque la page est chargée, lorsque vous rencontrez un iframe, vous le sauterez par-dessus, chargerez le contenu suivant, puis revenez pour charger l'iframe. Bien sûr, il peut également être compris que lorsque vous rencontrez un iframe, vous ouvrez un fil pour charger l'iframe. Cependant, parce qu'il prend du temps d'impliquer de nouvelles opérations IO, le chargement de l'IFRAME est encore plus tard que l'exécution du code JS en bas de la page, donc le problème ci-dessus se produit.
Solution:
Ajoutez un retard dans le code JS (le retard spécifique peut être basé sur l'expérience personnelle), afin que vous puissiez vous assurer que les objets de l'IFRAME sont obtenus normalement.
<Script linguisse = "javascript"> setTimeout ("alert (bbb.document.all.txt.value)", 1500); </cript>Conclusion: Lorsqu'un iframe est inclus dans une page, si nous voulons utiliser l'objet dans l'IFRAME via JS, nous devons attendre que l'IFRAME soit chargé avant de fonctionner, sinon nous n'obtiendrons pas l'objet souhaité.
Ce qui précède est la solution au chargement lent de JS Iframe qui vous a été introduit par l'éditeur. J'espère que cela vous sera utile. En même temps, je voudrais vous remercier beaucoup pour votre soutien pour le site Web de Wulin.com!