Dove devo inserire i tag nel markup HTML?

Non vi è alcuna restrizione al numero di tag 'script' in HTML. Quindi, possono esserci più tag 'script' in un singolo documento HTML.

Come vengono eseguiti i tag

---

Aggiunta strappato > Tag nell'elemento testa

I tag di script con le funzioni JavaScript possono essere aggiunti nell'elemento head. Implementiamo praticamente questa idea prendendo un semplice esempio di una funzione JavaScript aggiunta nell'elemento head del documento HTML.

Esempio

Aggiungi semplicemente l'elemento script all'interno dell'elemento head o sposta l'elemento script in un documento HTML esistente nel tag head:

---

---

< Testa >
< copione >
funzione miaFunzione() {
document.getElementById('demoId').innerHTML = 'Dopo!!!';
}
< / copione >
< / Testa >

< corpo >

< h2 > Aggiunta di tag di script in Head < / h2 >
< P id = 'ID demo' > Prima... < / P >
< pulsante tipo = 'pulsante' al clic = 'miaFunzione()' > Cambiarlo < / pulsante >
< / corpo >

Nello snippet di codice sopra:

• C'è un '

  ” voce all'interno del “ corpo ” e dopo c'è un “ paragrafo ” elemento contenente un semplice testo.

• Viene quindi creato un pulsante e una funzione ' miaFunzione() ” è stato definito nel “ al clic attributo ” aggiunto come gestore eventi.
• IL ' copione ” elemento viene aggiunto all'interno del “ Testa ” elemento, e al suo interno viene chiamata la funzione, e il “ getElementById ” metodo è stato definito facendo riferimento al “ ID demo “.

Questo eseguirà correttamente la funzione JavaScript nell'output:

Aggiunta cripta > Etichetta nell'elemento del corpo

I tag di script possono anche essere aggiunti all'interno del ' ” elemento ovunque prima della fine “ corpo ” tag.

Esempio

Gli stessi risultati saranno generati se il “ copione I tag vengono aggiunti nel file corpo elemento:

< / corpo >
< h2 >Aggiunta di tag di script nel corpo< / h2 >
< P id = 'ID demo' >Prima...< / P >
< pulsante tipo = 'pulsante' al clic = 'miaFunzione()' >Cambialo< / pulsante >
< copione >
funzione miaFunzione ( ) {
document.getElementById ( 'ID demo' ) .innerHTML = 'Dopo!!!' ;
}
< / copione >
< / corpo >

Nello snippet di codice sopra:

• La stessa funzione JavaScript nello stesso codice spiegato nella sezione precedente di questo post è stata aggiunta nell'elemento body.

Aggiungendo il ' copione ” tag all'interno del “ corpo ” genererà anche gli stessi risultati e farà funzionare correttamente la funzione JavaScript:

Questo dimostra dove dovrebbe “ ” essere inseriti in un documento HTML. Tuttavia, potresti chiederti se dovrebbe esistere una sorta di differenza tra i due metodi.

Differenza nel posizionamento di