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('how are you'); } <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('how are you'); }
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
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('welcome to Javatpoint'); }
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
Teraz kliknij na dany przycisk: