Jak wywołać funkcję JavaScript w HTML

JavaScript pojawia się z dnia na dzień i jest wykorzystywany skutecznie na stronach internetowych. Ilekroć JavaScript jest wywoływany na stronie HTML, oddziałuje dynamicznie na stronach internetowych. JavaScript sprawia, że ​​strony internetowe są bardziej intuicyjne i zwiększa wrażenia użytkownika w porównaniu z stronami statycznymi. Funkcje wywoływania JavaScript na stronie HTML nie jest złożonym zadaniem. W tym artykule pokazujemy różne sposoby wywoływania funkcji JavaScript w HTML.

Funkcja JavaScript wbudowana

Pierwszą metodą jest wywołanie funkcji JavaScript w HTML. W tym celu musisz utworzyć funkcję, a następnie zdefiniować tę funkcję w sekcji głowy lub sekcji ciała dokumentu HTML. Możesz utworzyć link lub przycisk, a następnie zdarzenie onClick () jest z nimi powiązane, aby wywołać tę funkcję.

Teraz będziemy zademonstrować prosty przykład. Ten przykład zawiera prosty plik HTML, w którym zdefiniowaliśmy metodę funkcji () w tagach skryptów w głowicy HTML, jak pokazano poniżej.

Ponadto stworzyliśmy przycisk i powiązaliśmy z nim zdarzenie OnClick (). Następnie za każdym razem, gdy użytkownik kliknie przycisk, funkcja zostanie wywołana:

Hej, kliknij przycisk poniżej, aby wywołać funkcję

Przykład

Hej, kliknij przycisk poniżej, aby wywołać funkcję

Wyjście

Zadzwoń do funkcji JavaScript za pomocą plików zewnętrznych

Drugą metodą jest wywołanie funkcji JavaScript w HTML przez zewnętrzne .Pliki JS. Zewnętrzne pliki JavaScript są dołączone do sekcji głównej pliku HTML. Po pierwsze, musisz utworzyć dwa pliki i.e… plik HTML, w którym kod HTML jest pisany, a drugi jest .JS, w których funkcje są zdefiniowane.

Musimy utworzyć dokument HTML, kiedy skończymy z tworzeniem JavaScript. Po włączeniu pliku JavaScript musimy utworzyć link lub przycisk, a następnie wywołać funkcję zdefiniowaną w pliku JavaScript.

Przykład

Ten przykład zawiera prosty plik HTML „Articl.html„W którym łączymy zewnętrzny plik JavaScript„Jsarticle.JS".

Articl.html

Hej, kliknij przycisk poniżej, aby wywołać funkcję

Jsarticle.JS

funkcja funkcja ()
dokument.Napisz („Uczysz się, jak nazwać funkcję JavaScript w HTML”);

Pliki HTML i JavaScript powinny być zapisane w tym samym folderze, a jeśli nie, musimy podać pełną ścieżkę w znacznikach skryptów obecnych w sekcji głównej. W naszym dostarczonym przykładzie zapisaliśmy pliki HTML i JavaScript w tym samym folderze, dlatego podaliśmy nazwę pliku JavaScript zamiast podać pełną ścieżkę.

Utworzyliśmy przycisk w sekcji ciała, a oprócz tego przycisku, użyliśmy również zdarzenia OnClick, aby wywołać funkcję. Teraz, ilekroć użytkownik kliknie ten przycisk, zostanie wywołana funkcja, która zostanie zdefiniowana w pliku JavaScript, jak pokazano na poniższym zdjęciu.

Hej, kliknij przycisk poniżej, aby wywołać funkcję

Wyjście

Wniosek

W tym artykule pokazujemy, jak nazwać funkcje JavaScript w HTML. Omówiliśmy również dwie metody. W pierwszej metodzie dołączamy plik JavaScript w dokumencie HTML. W drugiej metodzie nazywamy JavaScript za pomocą plików zewnętrznych. Obie te metody zostały krótko wyjaśnione wraz z przykładami, w jaki sposób funkcje JavaScript można wywołać w HTML.