logo

Kako poklicati funkcijo JavaScript v html?

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(&apos;how are you&apos;); } <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(&apos;how are you&apos;); } 

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

Kako poklicati funkcijo JavaScript v html

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(&apos;welcome to Javatpoint&apos;); } 

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

Kako poklicati funkcijo JavaScript v html

Sedaj kliknite dani gumb:

Kako poklicati funkcijo JavaScript v html