Maison > Article > interface Web > Comment déterminer si l'iframe est chargé via JS

Comment déterminer si l'iframe est chargé via JS

不言original: 2018-06-26 14:22:293591parcourir

Cet article présente principalement la méthode JS pour déterminer si l'iframe est chargée. Il fournit deux méthodes d'implémentation, qui peuvent être jugées et utilisées respectivement pour les navigateurs principaux IE et non-IE. Il implique le fonctionnement des événements javascript et des compétences de jugement. , qui sont obligatoires. Les amis peuvent se référer à

Cet article décrit l'exemple de la façon dont JS détermine si l'iframe est chargée. Partagez-le avec tout le monde pour votre référence, comme suit :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<script type="text/javascript">
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var iframe = document.createElement("iframe");
iframe.src = "//www.jb51.net/";
if (isIE) {
  iframe.onreadystatechange = function(){
    if(iframe.readyState == "loaded" || iframe.readyState == "complete"){
      alert("loaded");
    }
  };
} else {
  iframe.onload = function(){
    alert("loaded");
  };
}
document.body.appendChild(iframe);
</script>
</body>
</html>

ou :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<script type="text/javascript">
var iframe = document.createElement("iframe");
iframe.src = "//www.php.cn/";
if (iframe.attachEvent){
  iframe.attachEvent("onload", function(){
    alert("loaded");
  });
} else {
  iframe.onload = function(){
    alert("loaded");
  };
}
document.body.appendChild(iframe);
</script>
</body>
</html>

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment utiliser JS pour implémenter la fonction pop-up de paiement WeChat

À propos de js pour le passage paramètres du tableau en arrière-plan Méthodes du contrôleur

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Implémentation de la technologie d'agrandissement d'image JavaScriptArticle suivant：Implémentation de la technologie d'agrandissement d'image JavaScript

Articles Liés

Voir plus