Cet article présente principalement comment utiliser JavaScript en HTML. Les amis intéressés peuvent s'y référer. J'espère qu'il sera utile à tout le monde. balise </strong></span></p> <p> En HTML5, le script a principalement les attributs suivants : async, defer, charset, src, type, </p> <ul class=" list-paddingleft-2"><li><p>async (facultatif) : </p></li></ul> <p> Mots clés : script asynchrone, fichier externe, téléchargement immédiat </p> <p> When tag When cet attribut ; est inclus, le script (fichier externe) sera téléchargé immédiatement. Il n'est valable que pour les fichiers de script externes. Vous pouvez effectuer d'autres opérations sur la page pendant le téléchargement, l'analyse et l'exécution s'arrêteront. continuera, mais l'ordre d'exécution ne peut être garanti. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><script src="js/index2.js" async="async"> Copier après la connexiondifférer (facultatif) : Mots clés : script retardé, fichier externe, chargement retardé Quand ; la balise contient cet attribut, le script peut attendre que la page soit complètement analysée ou affichée. Il n'est valable que pour les fichiers externes. S'il y a deux scripts avec defer en même temps, en raison du retard, le premier sera limité au premier. ce dernier ou exécuter. Copier après la connexioncharset (facultatif) : Mots-clés : jeu de caractères La plupart des navigateurs l'ont ignoré Cela vaut la peine beaucoup, si peu de gens l'utilisent. src (facultatif) : Mots clés : référence externe Représente l'adresse du fichier externe qui doit être référencé. type (facultatif) : Mots-clés : MIME (type de contenu en langage de script) Pour garantir une compatibilité maximale avec un nombre limité de navigateurs, la valeur de l'attribut type est principalement text/javascript. Si cet attribut n'est pas écrit, sa valeur par défaut est toujours text/javascript. Remarque : lors du référencement de fichiers externes, n'ajoutez pas d'autres codes JS dans les balises Lors de l'analyse, le navigateur téléchargera uniquement le fichier de script externe référencé par src, et le code intégré dans le tableau sera. ignoré. Emplacement des balises</strong></span></p> <p> Habituellement, nous mettrons des balises avec des fichiers externes (y compris des fichiers CSS, des fichiers JavaScript ) sont placés au même endroit, généralement à l'intérieur de la balise <head>. </p> <p> Mais une fois que plusieurs fichiers externes JavaScript sont rencontrés pendant le processus d'analyse, la page ne peut pas être entièrement affichée tant que tous les fichiers externes ne sont pas chargés, nous la mettons donc généralement dans la balise <body> montré ci-dessous : </p> <p style="text-align: center"><img src="https://img.php.cn/upload/article/000/192/893/ac6f5bea3de83af42bfe96a35c51e1c3-0.png" alt=""></p> <p> Comme mentionné ci-dessus, il existe un attribut defer dans <script>, mais comme il est mentionné dans HTML5, HTML5 l'ignorera. L'attribut defer défini par le script intégré n'est actuellement pris en charge que par IE4 ~ IE7. IE8 suivra entièrement la norme HTML5, donc placer <script> au bas de la balise <body> </p> <p><span style="color: #ff0000"><strong>Avantages du référencement de fichiers externes</strong></span></p> <ul class=" list-paddingleft-2"> <li><p>Facile à entretenir : rassembler tous les fichiers JavaScript non seulement cela ne touche pas Code HTML, et il est plus pratique pour les développeurs d'écrire et de maintenir du code. </p></li> <li><p>Accélérer la navigation : Si plusieurs pages HTML référencent le même fichier externe JavaScript, ce fichier ne sera chargé qu'une seule fois (mis en cache), ce qui signifie que la vitesse de chargement des pages peut être accélérée. </p></li> <li><p>Sécurité : Lors du référencement de fichiers externes, si l'utilisateur visualise le code HTML, il ne verra pas le code JavaScript, qui est plus sécurisé que l'écriture dans la balise. </p></li> </ul> <p><span style="color: #ff0000"><strong><noscript> tag </strong></span></p> <p> Littéralement, NO-script, pas de script, c'est-à-dire que le navigateur le fait not Le contenu de la balise <noscript> ne sera affiché que lorsque JavaScript est pris en charge </p> <ul class=" list-paddingleft-2"> <li><p>Le navigateur ne prend pas en charge les scripts </p></li> <li><p>. Le navigateur prend en charge les scripts, mais JavaScript est désactivé </p></li> </ul> <p> Si l'une des deux conditions ci-dessus est remplie, le contenu de la balise <noscript> </p> <p style="text-align: center"><img src="https://img.php.cn/upload/article/000/192/893/ac6f5bea3de83af42bfe96a35c51e1c3-1.png" alt=""></p> <p> La page ci-dessus donne à l'utilisateur un message, qui ne sera affiché que lorsque le navigateur ne prend pas en charge ou désactive JavaScript, sinon l'utilisateur ne le verra jamais et ne le fera pas. affecter l’affichage des autres éléments sur la page. </p> <p>Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun. </p> <p>Recommandations associées : </p> <p><a href="http://www.php.cn/p-tutorial-396350.html" target="_blank">Comment introduire CSS en HTML</a></p> <p><a href="http://www.php.cn/p-tutorial-396347.html" target="_blank">Explication détaillée du stockage HTML5</a></p> <p><a href="http://www.php.cn/p-tutorial-396339.html" target="_blank">Exemple de page de requête HTML5</a></p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
