logo

Jak wywołać funkcję JavaScript w HTML?

Istnieje wiele sposobów wywołania funkcji JavaScript w dokumencie HTML i również nie jest to trudne zadanie. Po pierwsze, użyliśmy jednego z najłatwiejszych sposobów wywołania a JavaScript funkcja w dokumencie HTML:

W tej metodzie utworzymy i zdefiniujemy funkcję w sekcji head dokumentu HTML. Aby wywołać tę funkcję w dokumencie HTML, musimy stworzyć prosty przycisk i za pomocą metody na kliknięcie atrybut event (który jest obsługą zdarzenia) wraz z nim możemy wywołać funkcję klikając na przycisk.

Aby to lepiej zrozumieć spójrzmy na dany program:

Program

Algorytm sortowania sterty
 functionmyfunction() { alert(&apos;how are you&apos;); } <p>Click the following button to see the function in action</p> 

Wyjaśnienie programu

W powyższym programie stworzyliśmy prosty dokument HTML. Wewnątrz sekcji head dokumentu HTML zdefiniowaliśmy funkcję ( np. mojafunkcja();) wewnątrz znaczników skryptu ... .

 function myfunction() { alert(&apos;how are you&apos;); } 

Z drugiej strony w sekcji body wyświetliliśmy tekst i utworzyliśmy przycisk. Aby wywołać naszą funkcję, użyliśmy metody na kliknięcie atrybut wraz z przyciskiem, a kiedy użytkownik kliknie ten przycisk, nasza funkcja zostanie wykonana i wyświetli komunikat ostrzegawczy, jak widać na wyjściu.

Kliknij poniższy przycisk, aby zobaczyć funkcję w działaniu

Wyjście

Jak wywołać funkcję JavaScript w HTML

Wywołanie funkcji przy użyciu zewnętrznego pliku JavaScript

Funkcje JavaScript możemy także wywoływać korzystając z zewnętrznego pliku JavaScript dołączonego do naszego dokumentu HTML. W tym celu musimy najpierw stworzyć plik JavaScript, zdefiniować w nim naszą funkcję i zapisać ją z rozszerzeniem (.Js).

Po utworzeniu pliku JavaScript musimy stworzyć prosty dokument HTML. Aby umieścić nasz plik JavaScript w dokumencie HTML, musimy użyć znacznika script i w atrybucie „src” podać ścieżkę do naszego pliku JavaScript, w którym jest on przechowywany. Po połączeniu zewnętrznego pliku JavaScript z dokumentem HTML możemy utworzyć przycisk i wywołać funkcję funkcjonować używając 'na kliknięcie' atrybut z nim.

Rozumiemy to za pomocą programu:

Program

Kliknij poniższy przycisk, aby zobaczyć funkcję w działaniu

Wyjaśnienie programu

W powyższym programie najpierw utworzyliśmy plik JavaScript, zdefiniowaliśmy w nim naszą funkcję i zapisaliśmy z rozszerzeniem . js rozszerzenie.

Funkcja.js

 functionmyfunction() { document.write(&apos;welcome to Javatpoint&apos;); } 

Po utworzeniu pliku JavaScript utworzyliśmy dokument HTML i połączyliśmy nasz plik JavaScript za pomocą . Ponieważ przechowujemy nasz dokument HTML i plik JavaScript w tym samym folderze, nazwaliśmy nasz plik JavaScript w atrybucie „scr”, zamiast podawać pełną ścieżkę w sekcji nagłówka.

 

Wewnątrz sekcji treści wyświetliliśmy tekst i utworzyliśmy przycisk. Aby wywołać naszą funkcję, użyliśmy metody na kliknięcie atrybut wraz z przyciskiem, a kiedy użytkownik kliknie ten przycisk, nasza funkcja zostanie wykonana i wyświetli komunikat ostrzegawczy, jak widać na wyjściu.

Kliknij poniższy przycisk, aby zobaczyć funkcję w działaniu

Wyjście

Jak wywołać funkcję JavaScript w HTML

Teraz kliknij na dany przycisk:

Jak wywołać funkcję JavaScript w HTML