Jak dodać JavaScript do HTML

JavaScript to jeden z języków skrypcyjnych, który służy do tworzenia interaktywnych i nowoczesnych stron internetowych. Bez potrzeby dodatkowych wtyczek nowoczesne przeglądarki internetowe obsługują JavaScript z wbudowanymi silnikami.

Ponadto, podczas pracy z plikami internetowymi, JavaScript musi być wykonywany wraz z HTML. Można to zrobić, włączając wbudowany kod JavaScript do znacznika pliku HTML, albo możesz dodać JavaScript za pomocą pliku zewnętrznego. Tag JavaScript używany albo w sekcji głównej pliku HTML lub w sekcji nadwozia, zależy tylko to, gdzie chcesz załadować JavaScript. JavaScript można zapisać w tagach, aby trzymać się z dala od głównej zawartości plików HTML. Jeśli potrzebujesz JavaScript, aby wykonać układ strony internetowej, skrypt jest zwykle wywoływany do sekcji ciała.

JavaScript może być używany na wiele sposobów na stronach internetowych, takich jak walidacja formularza, tworzenie ostrzeżenia i wiele więcej. W tym artykule omówimy, jak dogłębnie włączyć JavaScript do plików HTML.

Poniżej znajdują się sposoby włączenia JavaScript do plików HTML.

Kod osadzania

… Tag służy do dodawania JavaScript do stron internetowych, co pomaga owinąć JavaScript w programach HTML. Kod JavaScript może znajdować się w sekcji ciała lub sekcji głównej w zależności od struktury aplikacji.

Przykład 1: JavaScript w sekcji głównej

Ten przykład pokazuje, jak dołączyć JavaScript w sekcji Head

Wyjście:

Przykład2: JavaScript w sekcji ciała

Ten przykład pokazuje, jak dołączyć JavaScript do sekcji ciała

Wyjście:

Kod one

Gdy trzeba wywołać funkcję do atrybutów HTML, używany jest kod wbudowany JavaScript. Kod JavaScript może być używany bezpośrednio w różnych wydarzeniach, takich jak onmouseover (), onClick () i wiele innych. Należy pamiętać o głównych punktach podczas korzystania z scenariuszy wbudowanych:

• Przydatne w przypadku małych skryptów lub skryptów, które wykonują tylko w jednym pliku.
• Trudne do odczytania i zrozumienia, czy skrypty są większe lub używane na kilku stronach.

Przykład 1: Ten przykład pokazuje, jak włączyć JavaScript do HTML bez znaczników.

Kod one

Ten przykład pokazuje, jak dołączyć wbudowany JavaScript bez znaczników skryptu.

Wyjście:

Przykład 2:

W powyższym przykładzie, ilekroć użytkownik ładuje stronę internetową, skrypt wyświetla komunikat o alercie pokazujący bieżącą datę.

Wyjście:

Plik zewnętrzny

Kod JavaScript można zapisać w osobnym pliku z rozszerzeniem „.JS ”, a następnie zawarte w pliku HTML. Nazwa pliku JavaScript może być zawarta w atrybucie skryptu „SRC”. Zewnętrzne pliki kodu JavaScript mogą być wielokrotnego użytku. Dlatego oddzielne pliki do kodu JavaScript zapisujesz od przepisywania tego samego programu. Pliki zewnętrzne są znacznie łatwiejsze w zarządzaniu.

Przykład:

W tym przykładzie istnieją dwa pliki, indeks.HTML i datescript.JS. Plik zewnętrzny i.mi. datescript.JS zawarty w sekcji ciała pliku HTML o nazwie indeks.html. JavaScript o nazwie datescript.JS służy do wyświetlania bieżącej daty za każdym razem, gdy użytkownik ładuje stronę internetową. Obydwa .HTML i .Pliki JS są umieszczane w tym samym folderze.

Indeks.html

Datescript.JS

niech data = nowa data ();
dokument.ciało.innerHtml = "

Data: „ + data +”

"

Wyjście:

Wniosek

W tym artykule pokazujemy, jak dodać JavaScript do plików HTML. Następnie omówiliśmy każdą metodę dogłębnie, aby włączyć JavaScript do swoich stron internetowych. Omówiliśmy trzy sposoby dodania JavaScript do plików HTML i.mi. kod wbudowany, pliki zewnętrzne i kod osadzania. Przykłady są również podane dla każdej metody, aby pomóc Ci zrozumieć.