recherche

Maison >interface Web >js tutoriel >Où le code JavaScript doit-il être placé dans le code HTML ? _compétences javascript

Où le code JavaScript doit-il être placé dans le code HTML ? _compétences javascript

WBOY
WBOYoriginal
2016-05-16 16:33:491217parcourir

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é :

Copier le code Le code est le suivant :





....

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 :

Copier le code Le code 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 :

Copier le code Le code est le suivant :





....

Les deux manières ci-dessus d'écrire du code JavaScript dans des documents HTML sont toutes deux des manières de référencer du code JavaScript dans le document HTML. En plus des références internes, des références externes peuvent également être utilisées.

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.

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：Exemples d'utilisation du code JavaScript dans les astuces HTML code_javascriptArticle suivant：Exemples d'utilisation du code JavaScript dans les astuces HTML code_javascript

Articles Liés

Voir plus