logo

Kaip iškviesti JavaScript funkciją html?

Yra daug būdų, kaip iškviesti JavaScript funkciją HTML dokumente, ir tai taip pat nėra sudėtinga užduotis. Pirma, mes panaudojome vieną iš paprasčiausių būdų skambinti a JavaScript funkcija HTML dokumente:

Šiuo metodu sukursime ir apibrėžsime funkciją HTML dokumento antraštėje. Norėdami iškviesti šią funkciją html dokumente, turime sukurti paprastą mygtuką ir naudoti paspaudus įvykio atributas (kuris yra įvykių tvarkytuvas) kartu su juo galime iškviesti funkciją spustelėję mygtuką.

Norėdami tai aiškiau suprasti, pažiūrėkime pateiktą programą:

Programa

Excel datos skirtumas
 functionmyfunction() { alert(&apos;how are you&apos;); } <p>Click the following button to see the function in action</p> 

Programos paaiškinimas

Aukščiau pateiktoje programoje sukūrėme paprastą HTML dokumentą. HTML dokumento antraštės dalyje apibrėžėme funkciją ( pvz mano funkcija ();) scenarijaus žymų viduje ... .

 function myfunction() { alert(&apos;how are you&apos;); } 

Kita vertus, pagrindinio skyriaus viduje parodėme tekstą ir sukūrėme mygtuką. Norėdami iškviesti mūsų funkciją, naudojome paspaudus atributas kartu su mygtuku ir kai vartotojas spusteli tą mygtuką, mūsų funkcija vykdoma ir rodomas įspėjimo pranešimas, kaip matote išvestyje.

Spustelėkite šį mygtuką, kad pamatytumėte, kaip veikia funkcija

Išvestis

Kaip iškviesti JavaScript funkciją html

Funkcijos iškvietimas naudojant išorinį JavaScript failą

Taip pat galime iškviesti JavaScript funkcijas naudodami išorinį JavaScript failą, pridėtą prie mūsų HTML dokumento. Norėdami tai padaryti, pirmiausia turime sukurti „JavaScript“ failą ir jame apibrėžti savo funkciją bei išsaugoti jį su plėtiniu (.Js).

Sukūrę JavaScript failą, turime sukurti paprastą HTML dokumentą. Norėdami įtraukti „JavaScript“ failą į HTML dokumentą, turime naudoti scenarijaus žymą, o atribute „src“ turime nurodyti kelią į JavaScript failą, kuriame jis saugomas. Susieję išorinį JavaScript failą su HTML dokumentu, galime sukurti mygtuką ir iškviesti funkcija naudojant 'paspaudus' atributas su juo.

Supraskime tai su programos pagalba:

Programa

Spustelėkite šį mygtuką, kad pamatytumėte, kaip veikia funkcija

Programos paaiškinimas

Aukščiau pateiktoje programoje pirmiausia sukūrėme „JavaScript“ failą ir apibrėžėme jame savo funkciją bei išsaugojome jį naudodami . js pratęsimas.

Function.js

 functionmyfunction() { document.write(&apos;welcome to Javatpoint&apos;); } 

Sukūrę „JavaScript“ failą, sukūrėme HTML dokumentą ir susiejome „JavaScript“ failą naudodami . Kadangi HTML dokumentą ir „JavaScript“ failą išsaugojome tame pačiame aplanke, „JavaScript“ failą ką tik pavadinome „scr“ atribute, o ne antraštės skiltyje nurodėme visą kelią.

 

Turinio skiltyje parodėme tekstą ir sukūrėme mygtuką. Norėdami iškviesti mūsų funkciją, naudojome paspaudus atributas kartu su mygtuku ir kai vartotojas spusteli tą mygtuką, mūsų funkcija vykdoma ir rodomas įspėjimo pranešimas, kaip matote išvestyje.

Spustelėkite šį mygtuką, kad pamatytumėte, kaip veikia funkcija

Išvestis

Kaip iškviesti JavaScript funkciją html

Dabar spustelėkite nurodytą mygtuką:

Kaip iškviesti JavaScript funkciją html