Cet article présente principalement l'utilisation d'exemples de code JavaScript en HTML. Les amis qui en ont besoin peuvent se référer à la balise </strong> En HTML5, le script possède principalement les attributs suivants : async, defer, charset, src, type, </span></p> <p></p>async (facultatif) : <ul class=" list-paddingleft-2"><li> <p> </p> Mots clés : script asynchrone, fichier externe, téléchargement immédiat ; </li></ul> Lorsque la balise contient cet attribut, le script (fichier externe) sera téléchargé immédiatement. Il n'est valable que pour les fichiers de script externes. téléchargé en même temps. Pour les autres opérations, l'analyse et l'exécution s'arrêteront une fois le téléchargement terminé, et l'analyse continuera après l'exécution, mais l'ordre d'exécution ne peut pas être garanti. <p></p> <p></p> <p class="jb51code"><br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><script src="js/index2.js" async="async"> Copier après la connexiondifférer (facultatif) : Mots clés : script defer, fichier externe, retardé chargement; Lorsque la balise contient cet attribut, le script peut attendre que la page soit complètement analysée ou affichée pour être exécuté. Il n'est efficace que pour les fichiers externes s'il y a deux scripts avec defer en même temps. , en raison du retard Pour des raisons, le premier aura une exécution limitée du second. Copier après la connexionjeu de caractères (facultatif) : Mots clés : jeu de caractères La plupart des navigateurs ont ignoré sa valeur, donc 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'autre code 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 le téléchargera. être ignoré. Emplacement des balises<p><span style="color: #ff0000"><strong></strong> 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 dans la balise <head>. </span></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> <p></p> <p style="text-align: center"> 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> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/007/cb4279669870b58719990cf972e603ca-0.png" class="lazy" alt=""></p> <p></p>Avantages du référencement de fichiers externes<p><span style="color: #ff0000"><strong></strong></span></p>Facile à maintenir : rassembler tous les fichiers JavaScript non seulement cela ne touche pas Code HTML et est plus propice aux développeurs qui écrivent et maintiennent du code. <ul class=" list-paddingleft-2"> <li> <p></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. </li> <li> <p></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. </li> <li><p><br></p></li> </ul><noscript> tag <p><span style="color: #ff0000"><strong></strong> Littéralement, NO-script, pas de script, c'est Le le contenu de la balise <noscript> ne sera affiché que lorsque le navigateur ne prend pas en charge JavaScript </span></p> <p></p>Le navigateur ne prend pas en charge les scripts ; > Parcourir Le serveur prend en charge les scripts, mais JavaScript est désactivé <ul class=" list-paddingleft-2"> <li> <p></p> Si l'une des deux conditions ci-dessus est remplie, le contenu de la balise <noscript> </li> <li><p></p></li> 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. </ul>