Maison >interface Web >tutoriel HTML >Explication détaillée de l'ordre de chargement et d'exécution de js en html

Explication détaillée de l'ordre de chargement et d'exécution de js en html

高洛峰
高洛峰original
2017-03-12 17:47:111918parcourir

js ordre d'exécution du chargement en html

1. Ordre de chargement : introduire l'ordre d'apparition de la balise b97cb247ad0c0836255176e480ef452b,

sur la page 🎜>Le code Javascript fait partie du document HTML, donc l'ordre dans lequel Javascript est exécuté lors du chargement de la page est l'ordre dans lequel les balises d'introduction b97cb247ad0c0836255176e480ef452b 🎜>82b12a443596fc6487dcd801f2055cfb//54f14c5664fc2489fa973c964bee6da2b294a02d2a53c7a839b9976353068ee2');
//]]>
2cacc6d41bbb37262a98f745aa00fbf0
4ec11beb6c39d0703d1751d203c17053//b684bc2db7d27bc0ead7a4c3fe05a5ba');
document.write('alert(2);')
document.write('alert("Je suis" tmpStr);');
document. write('b294a02d2a53c7a839b9976353068ee2');
//]]>
2cacc6d41bbb37262a98f745aa00fbf0

4ec11beb6c39d0703d1751d203c17053//c9f51cc330620cdfae15c085750ba7b3
2cacc6d41bbb37262a98f745aa00fbf0
De cette façon, l'ordre des valeurs de sortie ​​​​sous IE et autres navigateurs est cohérent : 1, 2. Je suis 1, 3

Résumé

: Sous IE, lors de l'utilisation de la méthode Document.Write pour référencer le fichier js, le js apparaîtra avant son chargement. En cas d'appel, il est recommandé de placer le fichier JS référencé dans un bloc de script séparé. Pour vous assurer que le fichier js référencé est entièrement chargé, continuez à exécuter le contenu Document.Write suivant 5 Séquence d'exécution de la fonction JS avec le même nom

Cliquez sur "botton" pour. exécutez le résultat : Last aa
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<script  type="text/javascript">
function aa() {
        alert(&#39;First aa&#39;)
    }   
</script>   
<title></title>
</head>
<body>
<form id="form1" runat="server">
<br />
<input id="Button1" type="button" value="button"  onclick="aa();"/>
</form>
</body>
<script  type="text/javascript">
function aa(s) {
        alert(&#39;Second aa&#39;);
    }
function aa(s) {
        alert(&#39;Last aa&#39;);
    }
</script>
</html>

Après l'apparition d'une fonction du même nom dans js, après avoir appelé la fonction js modifiée dans la page Web, la dernière fonction chargée dans la page sera toujours appelée.

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