Funkcijo JavaScript v dokumentu HTML lahko pokličete na več načinov in to tudi ni težka naloga. Najprej smo uporabili enega najlažjih načinov za klic a JavaScript funkcija v dokumentu HTML:
Pri tej metodi bomo ustvarili in definirali funkcijo v razdelku glave dokumenta HTML. Za priklic te funkcije v dokumentu html moramo ustvariti preprost gumb in uporabiti onclick atributa dogodka (ki je obravnava dogodka) skupaj z njim lahko funkcijo prikličemo s klikom na gumb.
Da bi to bolj jasno razumeli, si oglejmo dani program:
Program
numpy dot product
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p>
Razlaga programa
V zgoraj navedenem programu smo ustvarili preprost dokument HTML. Znotraj glave dokumenta HTML smo definirali funkcijo ( npr. moja funkcija();) znotraj oznak skripta ... .
function myfunction() { alert('how are you'); }
Po drugi strani pa smo znotraj dela telesa prikazali nekaj besedila in ustvarili gumb. Za klic naše funkcije smo uporabili onclick atribut skupaj z gumbom in ko uporabnik klikne ta gumb, se naša funkcija izvede in prikaže opozorilno sporočilo, kot lahko vidite v izhodu.
Kliknite naslednji gumb, da vidite funkcijo v akciji
Izhod
Klicanje funkcije z uporabo zunanje datoteke JavaScript
Funkcije JavaScript lahko pokličemo tudi z uporabo zunanje datoteke JavaScript, priložene našemu dokumentu HTML. Če želite to narediti, moramo najprej ustvariti datoteko JavaScript in v njej definirati svojo funkcijo ter jo shraniti s pripono (.Js).
Ko je datoteka JavaScript ustvarjena, moramo ustvariti preprost dokument HTML. Za vključitev naše datoteke JavaScript v dokument HTML moramo uporabiti oznako skripta in v atributu 'src' zagotoviti pot do naše datoteke JavaScript, kjer je shranjena. Ko zunanjo datoteko JavaScript povežemo z dokumentom HTML, lahko ustvarimo gumb in pokličemo funkcijo uporabljati 'onclick' atribut z njim.
Razumejmo to s pomočjo programa:
Program
Kliknite naslednji gumb, da vidite funkcijo v akciji
Razlaga programa
V zgornjem programu smo najprej ustvarili datoteko JavaScript in v njej definirali svojo funkcijo ter jo shranili z datoteko . js razširitev.
Function.js
functionmyfunction() { document.write('welcome to Javatpoint'); }
Po izdelavi datoteke JavaScript smo ustvarili dokument HTML in našo datoteko JavaScript povezali z uporabo . Ker smo naš dokument HTML in datoteko JavaScript shranili v isto mapo, smo našo datoteko JavaScript samo poimenovali v atributu 'scr', namesto da bi zagotovili celotno pot v razdelku glave.
Znotraj razdelka telesa smo prikazali nekaj besedila in ustvarili gumb. Za klic naše funkcije smo uporabili onclick atribut skupaj z gumbom in ko uporabnik klikne ta gumb, se naša funkcija izvede in prikaže opozorilno sporočilo, kot lahko vidite v izhodu.
Kliknite naslednji gumb, da vidite funkcijo v akciji
Izhod
Sedaj kliknite dani gumb: