Gdzie umieścić JavaScript w pliku HTML

Projektując stronę internetową lub witrynę, programiści często uważają za wygodne zintegrowanie kodów HTML i JavaScript zgodnie z zawartymi funkcjonalnościami. Na przykład umieszczenie kodu dotyczącego określonej funkcjonalności powiązanej z kodem lub dołączenie tej samej funkcjonalności do wielu stron internetowych w serwisie. W takich sytuacjach bardzo pomocne jest umieszczenie kodu JavaScript w pliku HTML.

Ten przewodnik zilustruje metody umieszczania JavaScript w pliku HTML.

Gdzie umieścić JavaScript w pliku HTML?

Umieszczenie JavaScript w pliku HTML może być w:

“ ”znacznik.
“ ”znacznik.
Zewnętrzny ' plik js ”.

Podejście 1: Umieszczenie kodu JavaScript w tagu w pliku HTML

W tym podejściu umieszczenie części kodu JavaScript w „ ” zostanie zilustrowany.

Przykład

Przyjrzyjmy się poniższej demonstracji:

< głowa >

< typ skryptu = „tekst/javascript” >

rozmieszczenie funkcjiJs ( ) {

alarm ( „Umieszczenie kodu JavaScript mieści się w tagu ” )

}

scenariusz >

głowa >

< ciało >

< Centrum >< przycisk po kliknięciu = 'placementJs()' > Kliknij przycisk > Centrum >

ciało >

W powyższym fragmencie kodu:

Uwzględnij część kodu JavaScript w „ ” za pomocą „ ”znacznik.
W kodzie JS zdefiniuj funkcję o nazwie „ miejsce doceloweJs() ”. W swojej definicji wyświetl podany komunikat w oknie dialogowym alertu.
Na koniec w kodzie HTML utwórz przycisk z „ na kliknięcie ”, które po kliknięciu przycisku przekieruje do zdefiniowanej w poprzednim kroku funkcji.

Wynik

Na powyższym wyjściu widać, że kod JS działa poprawnie, umieszczając go w „ ”znacznik.

Podejście 2: Umieszczenie kodu JavaScript w tagu w pliku HTML

W tym podejściu umieszczenie kodu JavaScript w „ Omówiony zostanie znacznik ” w pliku HTML.

Przykład

Poniższy przykład ilustruje podaną koncepcję:

< ciało >

< Centrum >< przycisk po kliknięciu = 'placementJs()' > Kliknij przycisk > Centrum >

< typ skryptu = „tekst/javascript” >

rozmieszczenie funkcjiJs ( ) {

alarm ( „Umieszczenie kodu JavaScript mieści się w tagu ” )

}

scenariusz >

ciało >

W powyższych liniach kodu:

w ramach „ ”, podobnie utwórz przycisk wywołujący funkcję placementJs() za pomocą tagu „ na kliknięcie ' wydarzenie.
W bloku kodu JavaScript zadeklaruj funkcję o nazwie „ miejsce doceloweJs() ”.
Ta funkcja zostanie wywołana po kliknięciu przycisku i wyświetleniu określonego komunikatu za pomocą alertu.

Wynik

Podejście 3: Umieszczenie JavaScript jako pliku zewnętrznego

To szczególne podejście polega na umieszczeniu bloku kodu JavaScript jako zewnętrznego pliku JS o określonej nazwie pliku z rozszerzeniem „ .js ' w ' źródło ' atrybut.

Przykład

Przeanalizujmy następujący przykład:

< ciało >

< Centrum >< przycisk po kliknięciu = 'placementJs()' > Kliknij przycisk > Centrum >

ciało >

< typ skryptu = „tekst/javascript” źródło = plik zewnętrzny. js > scenariusz >

W powyższym kodzie HTML:

Przypomnij sobie omówione podejście do tworzenia przycisku przekierowującego do funkcji JavaScript „ miejsce doceloweJs() ”.
Następnie zintegruj funkcjonalność JavaScript za pomocą zewnętrznego pliku JS połączonego z podaną nazwą pliku w „ źródło ' atrybut.

Przejdźmy do podanego poniżej kodu JS:

rozmieszczenie funkcjiJs ( ) {

alarm ( „To jest zewnętrzny plik JavaScript” )

}

W powyższym bloku kodu:

Zdefiniuj funkcję o nazwie „ umieszczenie JS() ”.
W swojej definicji wyświetl podany komunikat za pomocą alertu po kliknięciu przycisku.
Takie podejście w rezultacie zwróci ten sam wynik poprzez osadzenie zarówno plików HTML, jak i JavaScript.

Wynik

Zaproponowaliśmy autentyczne informacje związane z umieszczeniem JavaScript w pliku HTML.

Wniosek

Umieszczenie JavaScript w pliku HTML może być w „ znacznik „, „ ” tag lub jako zewnętrzny „ plik js ” określając „ źródło ”. Kod JavaScript działa tak samo po umieszczeniu w jednym z podanych tagów. Jednak umieszczenie JavaScript jako zewnętrznego pliku js pomaga w ponownym użyciu kodu. Ten blog jest przewodnikiem związanym z umieszczaniem JavaScript w pliku HTML.

Gdzie umieścić JavaScript w pliku HTML