Gdzie powinienem umieścić tagi w znacznikach HTML?

Nie ma ograniczeń co do liczby tagów „script” w HTML. Tak więc w jednym dokumencie HTML może znajdować się wiele tagów „skryptów”.

Jak tagi

---

Dodawanie podarte > Tag w elemencie głowy

W elemencie head można dodać znaczniki skryptu z funkcjami JavaScript. Zaimplementujmy ten pomysł praktycznie, biorąc prosty przykład funkcji JavaScript dodanej w elemencie head dokumentu HTML.

Przykład

Po prostu dodaj element script do elementu head lub przenieś element script w istniejącym dokumencie HTML do tagu head:

---

---

< głowa >
< scenariusz >
funkcja mojaFunkcja() {
document.getElementById('demoId').innerHTML = 'Po!!!';
}
< / scenariusz >
< / głowa >

< ciało >

< h2 > Dodawanie tagów skryptów w nagłówku < / h2 >
< P ID = „demoId” > Zanim... < / P >
< przycisk typ = 'przycisk' na kliknięcie = 'mojaFunkcja()' > Zmień to < / przycisk >
< / ciało >

W powyższym fragmencie kodu:

• Tam jest '

  ” nagłówek wewnątrz „ ciało ”, a potem jest „ ustęp ” element zawierający prosty tekst.

• Następnie tworzony jest przycisk i funkcja „ mojaFunkcja() ” została zdefiniowana w na kliknięcie ” atrybut dodany jako moduł obsługi zdarzeń.
• „ scenariusz ” element jest dodawany wewnątrz „ głowa ”, a wewnątrz niego wywoływana jest funkcja, a „ getElementById ” została zdefiniowana w odniesieniu do „ demoId „.

Spowoduje to poprawne wykonanie funkcji JavaScript na wyjściu:

Dodawanie krypta > Oznacz element ciała

Znaczniki skryptów można również dodawać wewnątrz „ ” element w dowolnym miejscu przed zakończeniem „ ciało ” tagi.

Przykład

Te same wyniki zostaną wygenerowane, jeśli „ scenariusz ” tagi są dodawane w pliku ciało element:

< / ciało >
< h2 >Dodawanie znaczników skryptu w treści< / h2 >
< P ID = „demoId” >Przed...< / P >
< przycisk typ = 'przycisk' na kliknięcie = 'mojaFunkcja()' >Zmień to< / przycisk >
< scenariusz >
funkcja mojaFunkcja ( ) {
document.getElementById ( „demoId” ) .innerHTML = 'Po!!!' ;
}
< / scenariusz >
< / ciało >

W powyższym fragmencie kodu:

• Ta sama funkcja JavaScript w tym samym kodzie, co wyjaśniono w poprzedniej sekcji tego postu, została dodana w elemencie body.

Dodanie „ scenariusz ” znaczniki wewnątrz „ ciało ” również wygeneruje te same wyniki i sprawi, że funkcja JavaScript będzie działać poprawnie:

Pokazuje to, gdzie należy „ ” umieścić w dokumencie HTML. Jednak możesz się zastanawiać, czy powinna istnieć jakaś różnica między tymi dwiema metodami.

Różnica w umieszczaniu