Jak dodać plik JavaScript w HTML?

Strony internetowe są zaprojektowane przy użyciu wielu języków programowania, a dwa takie języki programowania internetowego to HTML i JavaScript. HTML Acronim of Hypertext Marka Język jest używany do tworzenia struktury stron internetowych, które codziennie widzisz w Internecie. Tymczasem JavaScript to dobrze znany język scenariuszowy używany do wykonywania dynamicznych operacji na stronach internetowych, aby uczynić je bardziej urzekającymi.

Aby te języki działały razem, musisz dodać swój plik JavaScript do dokumentu HTML. W tym celu możesz dodać zewnętrzny plik JavaScript do dokumentu HTML.

Dodawanie pliku JavaScript

Aby dodać zewnętrzny plik JavaScript w dokumencie HTML, przypisz link pliku do atrybutu SRC w znaczniku.

Składnia

// dodanie pliku JS za pomocą braku ścieżki

Lub,

// Dodanie pliku JS za pomocą ścieżki pliku

Lub,

// dodanie pliku JS za pomocą adresu URL

Punkty do zapamiętania!

• Możesz umieścić te znaczniki w sekcji lub w sekcji.
• Jak wskazano w składni, rozszerzenie zewnętrznych plików JavaScript powinno być .JS.
• Korzystne jest użycie zewnętrznych plików JavaScript, gdy musisz użyć tego samego kodu w wielu dokumentach HTML. Ponadto zwiększy to czytelność i możliwość utrzymania dokumentu.

Poniżej omówiliśmy różne podejścia, aby dodać Twój plik JavaScript w HTML.

Warunek 1: Dodanie pliku JS za pomocą ścieżki pliku

Aby dodać zewnętrzny plik JavaScript do dokumentu HTML, musisz podać ścieżkę pliku w atrybucie SRC znacznika.

Załóżmy, że w naszym katalogu mamy nasze pliki HTML i JavaScript:

Plik HTML

Wpisz swoje imię:
Składać

W powyższym przykładzie tworzymy pole wejściowe, które prosi użytkownika o wprowadzenie jego imienia/jej nazwiska.

Tymczasem zdefiniowaliśmy naszą funkcję w pliku JavaScript za pomocą następującego kodu.

funkcja funkcja ()
Alert („Twoje imię zostało przesłane!");

Po naciśnięciu przycisku przesyłania wyświetlany jest komunikat ostrzegawczy.

W innym scenariuszu, gdy plik HTML jest umieszczony w osobnym folderze i plik JavaScript w innym folderze, jak pokazano poniżej.

Użyj następującej składni, aby dodać ścieżkę pliku do atrybutu SRC w znaczniku.

Warunek 2: Dodanie pliku JS za pomocą adresu URL

Gdy chcesz dodać plik JavaScript, który jest przechowywany online, musisz po prostu dodać adres URL swojego pliku JavaScript w atrybucie SRC swojego tagu.

Przykład

Wpisz swoje imię:
Składać

W powyższym przykładzie dodaliśmy adres URL zewnętrznego pliku JavaScript, który jest przechowywany online. Online plik JavaScript wygląda tak.

W powyższym pliku zdefiniowaliśmy naszą funkcję, która ma na celu wyświetlenie komunikatu powiadomienia, gdy użytkownik naciśnie przycisk Prześlij.

Wyjście

Po tych krokach możesz łatwo dodać zewnętrzny plik JavaScript do dokumentu HTML.

Wniosek

Aby dodać plik JavaScript w HTML, podaj ścieżkę pliku JavaScript do atrybutu src tagu lub jeśli używasz pliku JavaScript, który jest przechowywany online, musisz dodać adres URL tego pliku. W tym poście szczegółowo omówiliśmy podejścia do dodania pliku JavaScript w HTML, pokazując je za pomocą przykładów.