Programowanie polega na wydajności. Powtórzenie w kodzie zawsze było zmarszczone przez programistów na całym świecie. Aby spełnić ten cel, w programowaniu istnieje coś, co nazywa się funkcjami. Więc co dokładnie jest funkcją? Funkcje można postrzegać jako kawałek kodu, który programista tworzy w swoim programie. Ta funkcja, która została razu utworzona, można użyć wielokrotnie za pomocą nazwy tej funkcji. W tworzeniu stron internetowych funkcje są tworzone w JavaScript, ale mogą być używane w kodzie HTML.

W tym artykule zostaną rzucone na to, jak funkcja istnieje w JavaScript, może uzyskać dostęp do sekcji HTML.

Wywołanie dowolnej funkcji JS w kodzie HTML

Kiedy radzi sobie z funkcjami w JavaScript, wyróżnią się dwa odrębne scenariusze. Ta sekcja pokaże, w jaki sposób możesz wywołać dowolną funkcję JavaScript w jednym z tych dwóch przypadków.

JavaScript w pliku HTML

Gdy funkcja JavaScript istnieje w tym samym pliku co kod HTML, dostęp do niego jest dość prosty i wywołać ją w HTML. Zobaczmy przykładowy kod poniżej:

Kliknij ten przycisk, aby wywołać funkcję JavaScript w HTML

W sekcji JavaScript tego kodu powstaje funkcja o nazwie „funkcja próbki". Funkcja ma wykonać ostrzeżenie, gdy wywołane. W głównym treści kodu HTML tworzony jest przycisk. Przyciski mają „na kliknięcie”Funkcja, która pozwala im wywołać funkcje z kodu JS. Użyjemy nazwy „funkcja próbki”, Które zostaną użyte do nazwie to w„na kliknięcie" funkcja. Sprawdź poniższy przykład:

Wyjście jest następujące:

JavaScript w pliku zewnętrznym

W większości przypadków funkcje JavaScript nie są obecne w tym samym pliku co kod HTML. W takich przypadkach dwa pliki muszą być połączone ze sobą, aby kod HTML może wywołać funkcje z JavaScript. Ten kod w dół poniżej reprezentuje plik JavaScript:

funkcja próbka ()
dokument.zapisz („Funkcja została wywołana!");

W pliku JavaScript funkcja została utworzona. Tę funkcję można teraz wywołać w pliku HTML tak wiele razy, jak pragnie programistę. Poniższy kod pokazuje plik HTML:

Kliknij ten przycisk, aby wywołać funkcję JavaScript w HTML

Tutaj połączyliśmy plik JavaScript, który nazywa się „jsfile.JS”Z plikiem HTML za pomocą„src„Słowo kluczowe w tagach skryptów. To pozwoli „”na kliknięcie”Funkcja poniżej, aby uzyskać dostęp do funkcji z pliku JS.

Wniosek

Istnieją dwa sposoby osiągnięcia funkcji JavaScript w HTML. Pierwszym z nich jest użycie „na kliknięcie”Funkcja przycisku, aby wywołać funkcję, która jest już obecna w pliku HTML. Drugi łączy zewnętrzny plik JavaScript z plik HTML za pomocą słowa kluczowego „SRC”. W tym artykule nauczyłeś się dwóch różnych scenariuszy, w których będziesz musiał uzyskać dostęp do funkcji z JavaScript w HTML.