Gdzie umieścić JavaScript w pliku HTML

Podczas projektowania strony internetowej lub witryny programiści często uważają za wygodne zintegrowanie kodów HTML i JavaScript zgodnie z dołączonymi funkcjami. Na przykład umieszczenie kodu dotyczącego określonej funkcjonalności związanej z kodem lub dołączenie tej samej funkcji do wielu stron internetowych na stronie. W takich scenariuszach umieszczenie JavaScript w pliku HTML jest bardzo pomocne.

Ten przewodnik ilustruje podejścia do umieszczenia JavaScript w pliku HTML.

Gdzie umieścić JavaScript w pliku HTML?

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

• "”Tag.
• "”Tag.
• Zewnętrzny "plik JS".

Podejście 1: Umieszczenie JavaScript w znaczniku w pliku HTML

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

Przykład

Miejmy przegląd poniższej demonstracji:

Kliknij

W powyższym fragmencie kodu:

• Uwzględnij część kodu JavaScript w „”Tag za pomocą„”Tag.
• W kodzie JS zdefiniuj funkcję o nazwie „PlacelementJS ()". W swojej definicji wyświetl podany komunikat za pomocą okna dialogowego alertu.
• Na koniec w kodzie HTML utwórz przycisk o „na kliknięcie„Wydarzenie, które przekieruje się do zdefiniowanej funkcji w poprzednim kroku przy przycisku Kliknij.

Wyjście

W powyższym wyjściu można zauważyć, że kod JS działa poprawnie, umieszczając go w „”Tag.

Podejście 2: Umieszczenie JavaScript w znaczniku w pliku HTML

W tym podejściu umieszczenie kodu JavaScript w „”Zostanie omówione znacznik w pliku HTML.

Przykład

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

Kliknij

W powyższych wierszach kodu:

• W „„” tag, likewise, create a button invoking the function placementJs() with the help of the “na kliknięcie" wydarzenie.
• W bloku kodu JavaScript zadeklaruj funkcję o nazwie „PlacelementJS ()".
• Ta funkcja zostanie wywołana przy przycisku Kliknij i wyświetl podaną wiadomość za pomocą alertu.

Wyjście

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

To konkretne podejście obejmuje umieszczenie bloku kodu JavaScript jako zewnętrznego pliku JS o konkretnej nazwie pliku z rozszerzeniem „.JS" w "src" atrybut.

Przykład

Przejdźmy do następującego przykładu:

Kliknij

W powyższym kodzie HTML:

• Przypomnijmy o omówionym podejściu do tworzenia przekierowania przycisku do funkcji JavaScript „”PlacelementJS ()".
• Następnie zintegruj funkcje JavaScript z pomocą zewnętrznego pliku JS połączonego z podaną nazwą pliku w „src" atrybut.

Przejdźmy do podgryzanego kodu JS:

funkcja placementjs ()
Alert („To jest zewnętrzny plik JavaScript”)

W powyższym bloku kodu:

• Zdefiniuj funkcję o nazwie „PlacelementJS ()".
• W swojej definicji wyświetl podaną wiadomość za pomocą alertu po kliknięciu przycisku.
• Takie podejście skurczy ten sam wynik, osadzając zarówno pliki HTML, jak i JavaScript.

Wyjście

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

Wniosek

Umieszczenie JavaScript w pliku HTML może być w „”Tag,„„Tag lub jako zewnętrzny”plik JS”Określając„src". Kod JavaScript działa tak samo, gdy umieszcza się w jednym z podanych tagów. Jednak umieszczenie JavaScript jako zewnętrznego pliku JS pomaga w ponownym użyciu kodu. Ten blog prowadził związany z umieszczeniem JavaScript w pliku HTML.