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