Există multe modalități de a apela o funcție JavaScript în documentul HTML și, de asemenea, nu este o sarcină dificilă. În primul rând, am folosit una dintre cele mai simple modalități de a apela un JavaScript funcție în documentul HTML:
În această metodă, vom crea și defini o funcție în secțiunea de cap a documentului HTML. Pentru a invoca această funcție în documentul html, trebuie să creăm un buton simplu și să utilizăm onclick atribut eveniment (care este un handler de evenimente) împreună cu acesta, putem apela funcția făcând clic pe butonul.
Pentru a înțelege mai clar, să vedem programul dat:
Program
bubble sort python
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p> Explicația programului
În programul de mai sus, am creat un document HTML simplu. În secțiunea de cap a documentului HTML, am definit o funcție ( de exemplu funcția mea();) în interiorul etichetelor de script ... .
function myfunction() { alert('how are you'); } Pe de altă parte, în interiorul secțiunii de corp, am afișat ceva text și am creat un buton. Pentru a apela funcția noastră, am folosit onclick atributul împreună cu butonul și când utilizatorul face clic pe acel buton, funcția noastră se execută și afișează un mesaj de alertă, așa cum puteți vedea în rezultat.
Faceți clic pe următorul buton pentru a vedea funcția în acțiune
Ieșire
Apelarea unei funcții folosind fișier JavaScript extern
De asemenea, putem apela funcții JavaScript folosind un fișier JavaScript extern atașat documentului nostru HTML. Pentru a face acest lucru, mai întâi trebuie să creăm un fișier JavaScript și să definim funcția noastră în el și să îl salvăm cu extensia (.Js).
Odată ce fișierul JavaScript este creat, trebuie să creăm un document HTML simplu. Pentru a include fișierul nostru JavaScript în documentul HTML, trebuie să folosim eticheta script și în atributul „src” trebuie să furnizăm calea către fișierul nostru JavaScript unde este stocat. După conectarea fișierului JavaScript extern la documentul HTML, putem crea un buton și apelăm funcţie folosind 'onclick' atributul cu ea.
Să-l înțelegem cu ajutorul unui program:
Program
Faceți clic pe următorul buton pentru a vedea funcția în acțiune
Explicația programului
În programul de mai sus, am creat mai întâi un fișier JavaScript și am definit funcția noastră în el și l-am salvat cu fișierul . js extensie.
Funcție.js
functionmyfunction() { document.write('welcome to Javatpoint'); } După ce am creat fișierul JavaScript, am creat un document HTML și am legat fișierul JavaScript folosind . Deoarece ne-am stocat documentul HTML și fișierul JavaScript în același folder, tocmai am denumit fișierul JavaScript în atributul „scr” în loc să furnizăm calea completă în secțiunea head.
În interiorul secțiunii de corp, am afișat ceva text și am creat un buton. Pentru a apela funcția noastră, am folosit onclick atributul împreună cu butonul și când utilizatorul face clic pe acel buton, funcția noastră se execută și afișează un mesaj de alertă, așa cum puteți vedea în rezultat.
Faceți clic pe următorul buton pentru a vedea funcția în acțiune
Ieșire
Acum faceți clic pe butonul dat:
