Où dois-je mettre des étiquettes dans le balisage html?

Lena Dupuy
Où dois-je mettre des étiquettes dans le balisage html?
Dans un document HTML, le code JavaScript est inséré dans le «scénario”Élément entre le"" et "" Mots clés. Les éléments de script peuvent être ajoutés à l'intérieur du "diriger”Élément du document HTML n'importe où après l'étiquette de tête de départ et avant l'étiquette de tête de fin. Il peut également être ajouté à l'intérieur du "corps”Élément du document HTML n'importe où après l'étiquette du corps de départ et avant l'étiquette du corps de fin. De plus, les balises «script» peuvent également être ajoutées dans les éléments «tête» et «corps» dans un seul document HTML.

Il n'y a aucune restriction au nombre de balises «script» dans HTML. Il peut donc y avoir plusieurs balises «script» dans un seul document HTML.

Comment les balises sont exécutées dans HTML?

Dans un document HTML, le navigateur récupère d'abord la partie d'index HTML, et après l'index, l'autre document HTML est analysé. Tout en analysant le document, quand il y a un «”Tag, le navigateur demande le fichier de script. À ce moment-là, le navigateur cesse d'analyser les autres éléments HTML. Après cela, le navigateur charge le fichier de script à partir du chemin qui est mentionné (le cas échéant) ou le charge à partir du même fichier une fois que le script entier a été chargé, le navigateur passe à l'analyse d'autres éléments.

Ajouter ript> Tag dans l'élément de tête

Les balises de script avec les fonctions JavaScript peuvent être ajoutées dans l'élément de tête. Mise en œuvre de cette idée pratiquement en prenant un exemple simple de fonction JavaScript ajouté dans l'élément de tête du document HTML.

Exemple

Ajoutez simplement l'élément de script à l'intérieur de l'élément de tête ou déplacez l'élément de script dans un document HTML existant à la balise de tête:





Ajout de balises de script dans la tête


Avant…



Dans l'extrait de code ci-dessus:

  • Il y a un "

    «Se dirigeant à l'intérieur du«corps«Élément et après cela, il y a un«paragraphe»Élément contenant un texte simple.

  • Un bouton est ensuite créé, et une fonction "myFunction ()"A été défini dans le"sur clic»Attribut ajouté comme gestionnaire d'événements.
  • Le "scénario"L'élément est ajouté à l'intérieur du"diriger«Élément, et à l'intérieur de cela, la fonction est appelée, et le« «getElementbyid«La méthode a été définie en se référant au«démêler".

Cela exécutera correctement la fonction JavaScript dans la sortie:

Ajouter crise> Tag dans l'élément corporel

Les balises de script peuvent également être ajoutées à l'intérieur du ""Élément n'importe où avant la fin"corps" Mots clés.

Exemple

Les mêmes résultats seront générés si le «scénario"Des balises sont ajoutées dans le corps élément:


Ajout de balises de script dans le corps


Avant…




Dans l'extrait de code ci-dessus:

  • La même fonction JavaScript dans le même code que celle expliquée dans la section précédente de ce message a été ajoutée dans l'élément corporel.

Ajout du "scénario»Tags à l'intérieur du«corps»L'élément générera également les mêmes résultats et fera l'exécuter correctement la fonction JavaScript:

Cela démontre où le «devrait le«»Les tags sont placés dans un document HTML. Cependant, vous vous demandez peut-être s'il devrait exister une sorte de différence entre les deux méthodes.

Différence de placement dans les éléments de la tête et du corps

La principale différence entre les deux méthodes est en fait le moment où la balise de script est chargée dans le navigateur.

Généralement, l'élément est le premier élément chargé par le navigateur, et cela signifie que tout script placé à l'intérieur de la tête serait chargé avant même de charger les éléments de la page Web. Cependant, si le script est placé dans le élément, puis il est chargé dans l'ordre du numéro de ligne auquel il est placé.

Conclusion

Le "scénario»Les balises (contenant les fonctions JavaScript) dans un document HTML peuvent être placées à l'intérieur du«diriger”Élément ainsi que à l'intérieur du"corps" élément. Ils peuvent également être ajoutés dans les deux éléments (tête et corps) dans le document. Toutes ces manières feront la fonction JavaScript à l'intérieur du «»Les tags fonctionnent correctement. Cet article donne un aperçu complet de l'endroit où ajouter le «»Tags dans le document HTML.

Java
Quel est le mot-clé par défaut dans les instructions de commutation?
Dans Java, le mot-clé «par défaut» est utilisé dans les instructions de commutation pour spécifier l...
Julien Dumas
Powershell
Pouvez-vous expliquer la fonctionnalité de la commande de location de PowerShell?
La commande «Get-Location» est responsable de la récupération de l'emplacement du fichier ou du doss...
Lola Bonnet
AWS
Qu'est-ce que le sous-réseau sur AWS VPC et comment l'utiliser?
Les sous-réseaux AWS sont les sous-réseaux à l'intérieur du réseau isolé (VPC) pour placer des resso...
Nathan Blanc