Maison > Article > interface Web > Où mettre le code javascript
Où mettre le code javascript
- 青灯夜游original
- 2021-06-11 17:57:074645parcourir
L'emplacement du code JavaScript : 1. Placez-le dans la paire de balises "93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1" pour vous assurer que le code js a été chargé avant que le script ne doive être utilisé ; . Placez-le dans la balise "6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956" 3. Placez-le dans un fichier externe de ".js" et introduisez-le avec la balise script.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Où mettre 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 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1
Placer le code JavaScript entre les balises 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 une pratique courante. Étant donné que les documents HTML sont chargés par le navigateur de haut en bas, placer le code JavaScript entre les balises 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 garantit qu'il a été chargé avant que le script ne doive être utilisé :
<html> <head> <script type="text/javascript"> …… JavaScript 代码 …… </script> </head> ....
est placé entre 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956
Dans certains cas, le code JavaScript est placé entre 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 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 :
<html>
<head>
</head>
<body>
</body>
<div id="div1"></div>
<script type="text/javascript">
document.getElementById("div1").innerHTML="测试文字";
</script>
</html>Mais généralement, nos opérations sur les éléments de page sont généralement pilotées par des événements, donc la situation ci-dessus est rare. De plus, nous vous déconseillons d'écrire du code JavaScript en dehors de 100db36a723c770d327fc0aef2ce13b173a6ac4ed44ffec12cee46588e518a5e.
Astuce
Si le document HTML est déclaré en XHTML, la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 replace Les deux manières ci-dessus d'écrire du code JavaScript dans un document HTML sont 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 (placé dans un fichier externe avec l'extension ".js") Code JavaScript de référence (hors 3f1c4e4b6b16bbbd69b2ee476dc4f83a3fa3f474cbb4b6d948eebecb1be5dde4 tag) forme un document distinct et est nommé avec le suffixe js, tel que myscript.js, et utilise l'attribut src dans la balise HTML document3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 pour référencer le fichier : Après avoir utilisé du code JavaScript de référence externe, les avantages sont évidents : 1. Évitez d'utiliser Former du code JavaScript dans un fichier externe augmentera également la charge de requête HTTP sur le serveur dans un environnement avec une concurrence ultra-élevée. demandes, ce n’est pas une bonne stratégie. De plus, lorsque vous référencez des fichiers js externes, vous devez faire attention au chemin correct du fichier. Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! ! 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!<html>
<head>
<script type="text/javascript">
<![CDATA[
JavaScript 代码
]]>
</script>
</head>
....
<html>
<head>
<script type="text/javascript" src="myscript.js"></script>
</head>
....
7abb30cfb0195b52eebaf7024287f82e
dans le code JavaScript 2. Évitez d'utiliser du vilain CDATA
3. Le code JavaScript public peut être réutilisé dans d'autres. Les documents HTML facilitent également la maintenance unifiée du code JavaScript
4. Les documents HTML sont plus petits, ce qui est plus facile à inclure dans les moteurs de recherche
5. Les fichiers JavaScript uniques peuvent être compressés et chiffrés
6. fichiers 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 à la place. Il n'est pas nécessaire d'écrire document.write(2<1)