Maison >interface Web >tutoriel HTML >Comment déterminer si le chargement de l'iframe est terminé
Comment juger quand le chargement d'une iframe est terminé : exemple de code
Dans le développement Web, lorsque des pages externes ou d'autres pages Web doivent être chargées, la balise iframe est souvent utilisée. Cependant, nous devons parfois effectuer certaines opérations après le chargement de l'iframe, comme obtenir le contenu de l'iframe ou exécuter du code JavaScript. Par conséquent, juger que l’iframe est chargé est une tâche très importante.
Ci-dessous, je partagerai plusieurs méthodes pour déterminer si l'iframe est chargée et fournirai des exemples de code spécifiques.
Code HTML :
<iframe id="myIframe" src="external.html" style="display:none;"></iframe>
Code JavaScript :
var iframe = document.getElementById("myIframe"); iframe.onload = function() { // iframe加载完成后执行的操作 console.log("iframe加载完成"); };
Code HTML :
<iframe id="myIframe" src="external.html"></iframe>
Code JavaScript :
var iframe = document.getElementById("myIframe"); var iframeWindow = iframe.contentWindow; var checkIframeLoaded = function() { if (iframe && iframe.contentDocument.readyState === 'complete') { // iframe加载完成后执行的操作 console.log("iframe加载完成"); } else { // 等待iframe加载完成 setTimeout(checkIframeLoaded, 100); } }; checkIframeLoaded();
Code HTML :
<iframe id="myIframe" src="external.html"></iframe>
Code JavaScript :
$(document).ready(function() { $('#myIframe').on('load', function() { // iframe加载完成后执行的操作 console.log('iframe加载完成'); }); });
Vous trouverez ci-dessus plusieurs méthodes et exemples de code pour déterminer quand le chargement de l'iframe est terminé. Sélectionnez la méthode appropriée en fonction de la situation réelle pour surveiller et traiter l'événement de fin de chargement de l'iframe. J'espère que cet article vous sera utile pour juger si l'iframe est chargé !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!