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