Où placer le code JavaScript?
Normalement, le code JavaScript est utilisé avec le code HTML, et le code JavaScript peut être placé n'importe où dans un document HTML. Cependant, l'endroit où il est placé aura un certain impact sur l'exécution normale du code JavaScript, comme décrit ci-dessous.
Placé entre <adhead> </-head>
Il est courant de placer le code JavaScript entre les balises <head> </ head> dans les documents HTML. Étant donné que les documents HTML sont chargés par le navigateur de haut en bas, la mise en place du code JavaScript entre les balises <adhead> </ada> garantit qu'elle a été chargée avant de devoir utiliser le script:
La copie de code est la suivante:
<html>
<adal>
<script type = "text / javascript">
...
Code javascript
...
</cript>
</ head>
....
Placé entre <body> </ body>
Il y a aussi certains cas où le code JavaScript est placé entre <body> </ body>. Imaginez la situation suivante: nous avons un morceau de code JavaScript qui doit manipuler des éléments HTML. Cependant, puisque le document HTML est chargé par le navigateur de haut en bas, pour éviter que l'élément HTML ne soit chargé et une erreur (l'objet n'existe pas) est rapporté par le code JavaScript lors de la manipulation des éléments HTML. Par conséquent, ce code doit être écrit derrière l'élément HTML. L'exemple est le suivant:
La copie de code est la suivante:
<html>
<adal>
</ head>
<body>
</docy>
<div id = "div1"> </div>
<script type = "text / javascript">
document.getElementById ("div1"). innerhtml = "Test Text";
</cript>
</html>
Mais généralement, notre fonctionnement des éléments de page est généralement motivé par les événements, donc cette situation est rare. De plus, nous ne recommandons pas d'écrire du code JavaScript à l'extérieur <html> </html>.
indice
Si le document HTML est déclaré XHTML, la balise <cript> </cript> doit être déclarée dans la section CDATA, sinon XHTML analysera la balise <cript> </cript> dans une autre balise XML, et le code JavaScript à l'intérieur peut ne pas être exécuté normalement. Par conséquent, l'utilisation de JavaScript dans STRICT XHTML doit être déclarée comme l'exemple suivant:
La copie de code est la suivante:
<html>
<adal>
<script type = "text / javascript">
<! [Cdata [
Code javascript
]]>
</cript>
</ head>
....
Les deux façons d'écrire du code JavaScript ci-dessus dans des documents HTML sont les deux façons de référencer le code JavaScript dans le document HTML. En plus des références internes, des références externes peuvent également être utilisées.
Référence externe au code JavaScript
Faire des balises JavaScript (excluant <script> </ script>) un document distinct, nommé avec un suffixe JS, tel que myscript.js, et utilisez l'attribut SRC dans le document HTML <Script> </cript> pour référencer le fichier:
La copie de code est la suivante:
<html>
<adal>
<script type = "text / javascript" src = "myscript.js"> </ script>
</ head>
....
Les avantages sont évidents après avoir utilisé le code JavaScript référencé externe:
1. Évitez d'utiliser <! - ... // -> Dans le code javascript
2. Évitez d'utiliser des cdatas laids
3. Le code JavaScript public peut être reproduit dans d'autres documents HTML, qui est également propice à la maintenance unifiée du code JavaScript.
4. Le document HTML est plus petit, ce qui est propice à la collecte des moteurs de recherche
5. Peut compresser et crypter un seul fichier javascript
6. Le navigateur peut mettre en cache des fichiers JavaScript pour réduire l'utilisation du large bande (lorsque plusieurs pages utilisent un fichier javascript en même temps, il ne doit généralement être téléchargé qu'une seule fois)
7. Éviter d'utiliser des entités HTML complexes, telles que Document.Write (2> 1) peut être utilisée directement sans écrire Document.Write (2 <1)
La formation du code JavaScript en fichiers externes augmentera également la charge des demandes HTTP sur le serveur. Dans un environnement de demandes simultanées super élevées, ce n'est pas une bonne stratégie. De plus, lorsque vous faites référence aux fichiers JS externes, vous devez faire attention au chemin correct du fichier.