Existuje mnoho způsobů, jak volat funkci JavaScript v dokumentu HTML, a také to není obtížný úkol. Nejprve jsme použili jeden z nejjednodušších způsobů volání a JavaScript funkce v HTML dokumentu:

V této metodě vytvoříme a definujeme funkci v hlavičce HTML dokumentu. Pro vyvolání této funkce v html dokumentu musíme vytvořit jednoduché tlačítko a pomocí při kliknutí atribut event (což je obsluha události) spolu s ním můžeme funkci vyvolat kliknutím na tlačítko.

Abychom to lépe pochopili, podívejme se na daný program:

Program

iterátor java mapa

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

Vysvětlení programu

Ve výše uvedeném programu jsme vytvořili jednoduchý HTML dokument. Uvnitř sekce head dokumentu HTML jsme definovali funkci ( např. myfunction();) uvnitř značek skriptu ... .

 function myfunction() { alert('how are you'); } 

Na druhou stranu jsme uvnitř části těla zobrazili nějaký text a vytvořili tlačítko. K volání naší funkce jsme použili při kliknutí atribut spolu s tlačítkem a když uživatel klikne na toto tlačítko, naše funkce se spustí a zobrazí výstražnou zprávu, jak můžete vidět ve výstupu.

Kliknutím na následující tlačítko zobrazíte funkci v akci

Výstup

Volání funkce pomocí externího souboru JavaScript

Funkce JavaScriptu můžeme také volat pomocí externího souboru JavaScript připojeného k našemu dokumentu HTML. K tomu musíme nejprve vytvořit JavaScript soubor a definovat v něm naši funkci a uložit ji s příponou (.Js).

Jakmile je soubor JavaScript vytvořen, musíme vytvořit jednoduchý dokument HTML. Abychom mohli zahrnout náš soubor JavaScript do dokumentu HTML, musíme použít značku script a v atributu 'src' musíme zadat cestu k našemu souboru JavaScript, kde je uložen. Po propojení externího souboru JavaScript s dokumentem HTML můžeme vytvořit tlačítko a zavolat funkce za použití 'při kliknutí' atribut s tím.

Pojďme to pochopit pomocí programu:

Program

Kliknutím na následující tlačítko zobrazíte funkci v akci

Vysvětlení programu

Ve výše uvedeném programu jsme nejprve vytvořili soubor JavaScript a definovali v něm naši funkci a uložili ji s příponou . js rozšíření.

Function.js

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

Po vytvoření souboru JavaScript jsme vytvořili dokument HTML a propojili náš soubor JavaScript pomocí . Protože jsme náš dokument HTML a soubor JavaScript uložili do stejné složky, pojmenovali jsme náš soubor JavaScript v atributu 'scr' namísto poskytnutí úplné cesty v sekci head.

Uvnitř části těla jsme zobrazili nějaký text a vytvořili tlačítko. K volání naší funkce jsme použili při kliknutí atribut spolu s tlačítkem a když uživatel klikne na toto tlačítko, naše funkce se spustí a zobrazí výstražnou zprávu, jak můžete vidět ve výstupu.

Kliknutím na následující tlačítko zobrazíte funkci v akci

Výstup

Nyní klikněte na dané tlačítko: