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 le document HTML. Cependant, son emplacement aura un certain impact sur l'exécution normale du code JavaScript, comme détaillé ci-dessous.
placé entre
Il est courant de placer du code JavaScript entre les balises
Étant donné que les documents HTML sont chargés par le navigateur de haut en bas, placer le code JavaScript entre les balises garantit qu'il a été chargé avant que le script ne doive être utilisé :placé entre
Il existe également des cas où le code JavaScript est placé entre
. Imaginez la situation suivante : nous avons un morceau de code JavaScript qui doit fonctionner sur des éléments HTML. Cependant, comme le document HTML est chargé séquentiellement de haut en bas par le navigateur, afin d'empêcher le code JavaScript d'exploiter l'élément HTML et de signaler une erreur (l'objet n'existe pas) avant le chargement de l'élément HTML, ce code doit à écrire dans l'élément HTML Plus tard, l'exemple est le suivant :Mais généralement, nos opérations sur les éléments de la page sont généralement motivées par des événements, la situation ci-dessus est donc rare. De plus, nous vous déconseillons d'écrire du code JavaScript en dehors de .
Conseils
Si le document HTML est déclaré au format XHTML, la balise <script></script> doit être déclarée dans la section CDATA, sinon XHTML analysera la balise <script></script> à l'intérieur du code JavaScript peut ne pas s'exécuter correctement. Par conséquent, le JavaScript utilisé en XHTML strict doit être déclaré comme l'exemple suivant :
Code JavaScript de référence externe
Formez le code JavaScript (à l'exclusion de la balise<script></script>) dans un document séparé, nommez-le avec un suffixe js, tel que myscript.js, et placez-le dans le document HTML<script>< /script> Utilisez l'attribut src pour référencer le fichier : <br>
</p>
<div class="codetitle">
<span><a style="CURSOR: pointer" data="69237" class="copybut" id="copybut69237" onclick="doCopy('code69237')"><u>Copier le code</u></a></span> Le code est le suivant :</div>
<div class="codebody" id="code69237">
<br>
<html><br>
<tête><br>
<script type="text/javascript" src="myscript.js"></script>
....
Après avoir utilisé du code JavaScript référencé en externe, les avantages sont évidents :
1. Évitez d'utiliser
dans le code JavaScript
2. Évitez d'utiliser des CDATA laids
3. Le code JavaScript public peut être réutilisé dans d'autres documents HTML, ce qui facilite également la maintenance unifiée du code JavaScript
4.Les documents HTML sont plus petits, ce qui est plus facile à inclure pour les moteurs de recherche
5. Peut compresser et crypter un seul fichier JavaScript
6. Le navigateur peut mettre en cache les fichiers JavaScript pour réduire l'utilisation de la bande passante (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. Évitez d'utiliser des entités HTML complexes. Par exemple, vous pouvez utiliser document.write(2>1) directement sans écrire document.write(2<1)
Former du code JavaScript dans des fichiers externes augmentera également la charge de requêtes HTTP sur le serveur. Ce n'est pas une bonne stratégie dans un environnement avec des requêtes simultanées ultra élevées. De plus, lorsque vous référencez des fichiers js externes, vous devez faire attention au chemin correct du fichier.