Maison  >  Article  >  interface Web  >  Exemples de code d'utilisation de JavaScript en HTML

Exemples de code d'utilisation de JavaScript en HTML

巴扎黑
巴扎黑original
2017-08-11 15:44:461240parcourir

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

3f1c4e4b6b16bbbd69b2ee476dc4f83a En HTML5, le script possède principalement les attributs suivants : async, defer, charset, src, type,

async (facultatif) :
  • Mots clés : script asynchrone, fichier externe, téléchargement immédiat ;
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.


<script src="js/index2.js" async="async"></script>  
diffé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.


<script src="js/index1.js" defer="defer"></script>
jeu 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é.

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 dans 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 à 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.
  • 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 Le le contenu de la balise 2b0b25ff593c5b6c03403dd6234ffb2c ne sera affiché que lorsque le navigateur ne prend pas en charge JavaScript

Le navigateur ne prend pas en charge les scripts ; > Parcourir Le serveur 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.

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!

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:Essai de fermeture JSArticle suivant:Essai de fermeture JS