Kam naj v označbi HTML postavim oznake?

Število oznak »script« v HTML-ju ni omejeno. Torej je lahko v enem dokumentu HTML več oznak »script«.

Kako se oznake

---

Dodajanje raztrgan > Oznaka v elementu glave

Oznake skripta s funkcijami JavaScript lahko dodate v element head. Izvedimo to idejo praktično tako, da vzamemo preprost primer funkcije JavaScript, dodane v element glave dokumenta HTML.

Primer

Preprosto dodajte element skripta znotraj elementa head ali premaknite element skripta v obstoječem dokumentu HTML v oznako head:

---

---

< glavo >
< scenarij >
funkcija myFunction() {
document.getElementById('demoId').innerHTML = 'Po!!!';
}
< / scenarij >
< / glavo >

< telo >

< h2 > Dodajanje oznak skripta v glavo < / h2 >
< str id = 'demoId' > Pred... < / str >
< gumb vrsto = 'gumb' onclick = 'mojaFunkcija()' > Spremeni < / gumb >
< / telo >

V zgornjem delčku kode:

• Obstaja '

  » naslov znotraj » telo ' in za tem je ' odstavek ” element, ki vsebuje preprosto besedilo.

• Nato se ustvari gumb in funkcija ' mojaFunkcija() « je bilo opredeljeno v » onclick ” dodan kot obravnavalec dogodkov.
• ' scenarij ' je dodan znotraj ' glavo ', znotraj tega pa se pokliče funkcija in element ' getElementById « je bila definirana glede na » demoId “.

To bo pravilno izvedlo funkcijo JavaScript v izhodu:

Dodajanje kripta > Oznaka v elementu telesa

Oznake skripta lahko dodate tudi znotraj » ' element kjer koli pred koncem ' telo ” oznake.

Primer

Enaki rezultati bodo ustvarjeni, če » scenarij ” so dodane oznake v telo element:

< / telo >
< h2 >Dodajanje oznak skripta v telo< / h2 >
< str id = 'demoId' >Prej...< / str >
< gumb vrsto = 'gumb' onclick = 'mojaFunkcija()' >Spremeni ga< / gumb >
< scenarij >
funkcija myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Po!!!' ;
}
< / scenarij >
< / telo >

V zgornjem delčku kode:

• Ista funkcija JavaScript v isti kodi, kot je razložena v prejšnjem razdelku te objave, je bila dodana v element body.

Dodajanje ' scenarij ' oznake znotraj ' telo ” bo prav tako ustvaril enake rezultate in omogočil pravilno delovanje funkcije JavaScript:

To kaže, kje bi moral biti ' ” postavite v dokument HTML. Vendar se morda sprašujete, ali bi morala med obema metodama obstajati kakšna razlika.

Razlika pri umestitvi