Où dois-je mettre les balises dans le balisage HTML ?

Il n'y a aucune restriction quant au nombre de balises 'script' en HTML. Ainsi, il peut y avoir plusieurs balises 'script' dans un seul document HTML.

Comment les balises

---

Ajouter déchiré > Balise dans l'élément d'en-tête

Des balises de script avec les fonctions JavaScript peuvent être ajoutées dans l'élément head. Mettons en œuvre cette idée pratiquement en prenant un exemple simple d'une fonction JavaScript ajoutée dans l'élément head du document HTML.

Exemple

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

---

---

< diriger >
< scénario >
function maFonction() {
document.getElementById('demoId').innerHTML = 'Après !!!' ;
}
< / scénario >
< / diriger >

< corps >

< h2 > Ajout de balises de script dans Head < / h2 >
< p identifiant = 'ID démo' > Avant... < / p >
< bouton taper = 'bouton' sur clic = 'maFonction()' > Changes le < / bouton >
< / corps >

Dans l'extrait de code ci-dessus :

• Il y a un '

  ' rubrique à l'intérieur du ' corps ' et après cela, il y a un ' paragraphe ” élément contenant un texte simple.

• Un bouton est alors créé, et une fonction « maFonction() » a été défini dans le « sur clic ” attribut ajouté en tant que 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 ” méthode a été définie en se référant à la “ ID démo “.

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

Ajouter crypte > Balise dans l'élément de corps

Des 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 ” les balises sont ajoutées dans le corps élément:

< / corps >
< h2 >Ajout de balises de script dans le corps< / h2 >
< p identifiant = 'ID démo' >Avant...< / p >
< bouton taper = 'bouton' sur clic = 'maFonction()' >Changez-le< / bouton >
< scénario >
fonction maFonction ( ) {
document.getElementById ( 'ID démo' ) .innerHTML = 'Après!!!' ;
}
< / scénario >
< / corps >

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 cet article a été ajoutée dans l'élément body.

Ajout du ' scénario ' balises à l'intérieur du ' corps ” générera également les mêmes résultats et fera fonctionner correctement la fonction JavaScript :

Cela montre où devrait le '