Comment utiliser JavaScript en HTML

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 3f1c4e4b6b16bbbd69b2ee476dc4f83a

En HTML5, le script a principalement les attributs suivants : async, defer, charset, src, type,

• async (facultatif) :

Mots clés : script asynchrone, fichier externe, téléchargement immédiat

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.

<script src="js/index2.js" async="async"></script> 　

• diffé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.

<script src="js/index1.js" defer="defer"></script>

• charset (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é.

3f1c4e4b6b16bbbd69b2ee476dc4f83aEmplacement des balises

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 93f0f5c25f18dab9d176bd4f6de5d30e.

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 6c04bd5ca3fcae76e30b72ad730ca86d montré ci-dessous :

Comme mentionné ci-dessus, il existe un attribut defer dans 3f1c4e4b6b16bbbd69b2ee476dc4f83a, 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 3f1c4e4b6b16bbbd69b2ee476dc4f83a au bas de la balise 6c04bd5ca3fcae76e30b72ad730ca86d

Avantages du référencement de fichiers externes

• 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.

• 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.

• 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.

2b0b25ff593c5b6c03403dd6234ffb2c tag

Littéralement, NO-script, pas de script, c'est-à-dire que le navigateur le fait not Le contenu de la balise 2b0b25ff593c5b6c03403dd6234ffb2c ne sera affiché que lorsque JavaScript est pris en charge

• Le navigateur ne prend pas en charge les scripts

• . Le navigateur prend en charge les scripts, mais JavaScript est désactivé

Si l'une des deux conditions ci-dessus est remplie, le contenu de la balise 2b0b25ff593c5b6c03403dd6234ffb2c

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.

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.

Recommandations associées :

Comment introduire CSS en HTML

Explication détaillée du stockage HTML5

Exemple de page de requête HTML5

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!