A HTML dokumentumban sokféleképpen lehet JavaScript függvényt meghívni, és ez sem nehéz feladat. Először is az egyik legegyszerűbb módot használtuk az a JavaScript függvény a HTML dokumentumban:
Ebben a módszerben a HTML-dokumentum fejrészében egy függvényt hozunk létre és definiálunk. Ennek a funkciónak a html dokumentumban történő meghívásához létre kell hoznunk egy egyszerű gombot, és a kattintásra esemény attribútum (mely egy eseménykezelő) mellett, a gombra kattintva hívhatjuk meg a függvényt.
Hogy jobban megértsük, lássuk az adott programot:
Program
string java tömb
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p> A program magyarázata
A fent megadott programban egy egyszerű HTML dokumentumot hoztunk létre. A HTML dokumentum fejrészében definiáltunk egy függvényt ( pl myfunction();) a script címkéken belül ... .
function myfunction() { alert('how are you'); } Másrészt a törzsrészen belül megjelenítettünk néhány szöveget, és létrehoztunk egy gombot. Függvényünk meghívásához a kattintásra attribútumot a gombbal együtt, és amikor a felhasználó rákattint arra a gombra, a funkciónk végrehajtásra kerül, és figyelmeztető üzenetet jelenít meg, ahogy az a kimenetben is látható.
Kattintson a következő gombra a funkció működésének megtekintéséhez
Kimenet
Függvény hívása külső JavaScript fájl használatával
A JavaScript függvényeket a HTML dokumentumunkhoz csatolt külső JavaScript fájl segítségével is meghívhatjuk. Ehhez először létre kell hoznunk egy JavaScript fájlt, és definiálni kell benne a függvényünket és el kell mentenünk (.Js) kiterjesztéssel.
A JavaScript fájl létrehozása után létre kell hoznunk egy egyszerű HTML dokumentumot. Ahhoz, hogy a JavaScript-fájlunkat a HTML-dokumentumba belefoglalhassuk, használnunk kell a script tag-et, az 'src' attribútumban pedig meg kell adnunk a JavaScript-fájl elérési útját, ahol tárolva van. Miután összekapcsoltuk a külső JavaScript fájlt a HTML dokumentummal, létrehozhatunk egy gombot, és meghívhatjuk a funkció használni a 'kattintásra' tulajdonság vele.
Értsük meg egy program segítségével:
Program
Kattintson a következő gombra a funkció működésének megtekintéséhez
A program magyarázata
A fenti programban először létrehoztunk egy JavaScript fájlt, és meghatároztuk benne a függvényünket, és elmentettük a . js kiterjesztés.
Function.js
functionmyfunction() { document.write('welcome to Javatpoint'); } A JavaScript-fájl létrehozása után létrehoztunk egy HTML-dokumentumot, és a JavaScript-fájlt a segítségével kapcsoltuk össze. Mivel a HTML-dokumentumunkat és a JavaScript-fájlunkat ugyanabban a mappában tároltuk, JavaScript-fájlunkat az 'scr' attribútumban neveztük el, ahelyett, hogy a teljes elérési utat megadtuk volna a fejrészben.
A törzsrészen belül szöveget jelenítettünk meg, és létrehoztunk egy gombot. Függvényünk meghívásához a kattintásra attribútumot a gombbal együtt, és amikor a felhasználó rákattint arra a gombra, a funkciónk végrehajtásra kerül, és figyelmeztető üzenetet jelenít meg, ahogy az a kimenetben is látható.
Kattintson a következő gombra a funkció működésének megtekintéséhez
Kimenet
Most kattintson a megadott gombra:
