Gdzie powinienem umieścić tagi w znaczniku HTML?

Gdzie powinienem umieścić tagi w znaczniku HTML?
W dokumencie HTML kod JavaScript jest wstawiany w „scenariusz„Element między„" I "”Tagi. Elementy skryptu można dodać do „głowa”Element dokumentu HTML w dowolnym miejscu po początkowym znaczniku głównym i przed końcem znacznika głowy. Można go również dodać do „ciało”Element dokumentu HTML w dowolnym miejscu po początkowym znaczniku ciała i przed końcem znacznika ciała. Ponadto znaczniki „skryptu” można również dodać zarówno w elementach „głowa”, jak i „ciała” w jednym dokumencie HTML.

Nie ma ograniczeń dla liczby tagów „skryptu” w HTML. Tak więc w jednym dokumencie HTML może istnieć wiele tagów „skryptowych”.

Jak wykonywane tagi w HTML?

W dokumencie HTML przeglądarka najpierw pobiera część indeksu HTML, a po indeksie drugi dokument HTML jest analizowany. Podczas analizowania dokumentu, gdy istnieje „„Tag, przeglądarka poprosi o plik skryptu. W tym czasie przeglądarka przestaje analizować inne elementy HTML. Następnie przeglądarka ładuje plik skryptu ze ścieżki, która jest (jeśli istnieje) lub ładuje go z tego samego pliku po załadowaniu całego skryptu, przeglądarka przechodzi do analizowania innych elementów.

Dodanie Ript> Tag w elemencie głowy

Tagi skryptów z funkcjami JavaScript można dodać do elementu głowy. Wdrożyć ten pomysł praktycznie, biorąc prosty przykład funkcji JavaScript dodanej w elemencie głównym dokumentu HTML.

Przykład

Po prostu dodaj element skryptu w elemencie głowy lub przesuń element skryptu w istniejącym dokumencie HTML do znacznika głowy:





Dodawanie znaczników skryptów w głowie


Zanim…



W powyższym fragmencie kodu:

  • Tam jest "

    „Wchodząc do„ciało„Element, a potem jest„ustęp„Element zawierający prosty tekst.

  • Następnie tworzy się przycisk i funkcja „myFunction ()”Został zdefiniowany w„na kliknięcie”Atrybut dodany jako obsługa zdarzeń.
  • „„scenariusz”Element jest dodawany do„głowa„Element i wewnątrz tego funkcja jest wywoływana i„GetElementById„Metoda została zdefiniowana w odniesieniu do„Demoid".

To poprawnie wykona funkcję JavaScript w wyjściu:

Dodanie CRIPT> Tag w elemencie ciała

Tagi skryptów można również dodać do „„Element w dowolnym miejscu przed zakończeniem”ciało”Tagi.

Przykład

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


Dodawanie znaczników skryptów w ciele


Zanim…




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 ciała.

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

To pokazuje, gdzie powinien „powinien””Tagi można umieścić w dokumencie HTML. Być może zastanawiasz się, czy powinna istnieć jakaś różnica między dwiema metodami.

Różnica w umieszczeniu w elementach głowy i ciała

Główna różnica między dwiema metodami dotyczy czasu, gdy znacznik skryptu jest ładowany do przeglądarki.

Ogólnie rzecz biorąc, element jest pierwszym elementem ładowanym przez przeglądarkę, a to oznacza, że ​​każdy skrypt umieszczony w głowie zostanie załadowany nawet przed załadowaniem elementów strony internetowej. Jeśli jednak skrypt zostanie umieszczony w element, a następnie jest ładowany w kolejności numeru linii, w którym jest umieszczony.

Wniosek

„„scenariusz”Tagi (zawierające funkcje JavaScript) w dokumencie HTML można umieścić w„głowa”Element i wewnątrz„ciało" element. Można je również dodać zarówno w elementach (głowach i nadwozie) w dokumencie. Wszystkie te sposoby sprawi, że funkcja JavaScript w „”Tagi działają poprawnie. Ten artykuł zawiera pełny przegląd, gdzie dodać „”Tagi w dokumencie HTML.