Existuje mnoho spôsobov, ako zavolať funkciu JavaScript v dokumente HTML a nie je to ani náročná úloha. Najprv sme použili jeden z najjednoduchších spôsobov volania a JavaScript funkcia v HTML dokumente:
V tejto metóde vytvoríme a zadefinujeme funkciu v hlavičke HTML dokumentu. Na vyvolanie tejto funkcie v html dokumente musíme vytvoriť jednoduché tlačidlo a pomocou po kliknutí atribút event (čo je obsluha udalosti) spolu s ním môžeme funkciu vyvolať kliknutím na tlačidlo.
Aby sme to lepšie pochopili, pozrime sa na daný program:
Program
jquery kliknutím
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p> Vysvetlenie programu
Vo vyššie uvedenom programe sme vytvorili jednoduchý HTML dokument. V hlavičke dokumentu HTML sme definovali funkciu ( napr myfunction();) vnútri značiek skriptu ... .
function myfunction() { alert('how are you'); } Na druhej strane, vo vnútri časti tela sme zobrazili nejaký text a vytvorili tlačidlo. Na zavolanie našej funkcie sme použili po kliknutí atribút spolu s tlačidlom a keď používateľ klikne na toto tlačidlo, naša funkcia sa spustí a zobrazí výstražnú správu, ako môžete vidieť vo výstupe.
Kliknutím na nasledujúce tlačidlo zobrazíte funkciu v akcii
Výkon
Volanie funkcie pomocou externého súboru JavaScript
Funkcie JavaScriptu môžeme volať aj pomocou externého súboru JavaScript pripojeného k nášmu dokumentu HTML. Aby sme to dosiahli, musíme najprv vytvoriť súbor JavaScript a definovať v ňom našu funkciu a uložiť ju s príponou (.Js).
Po vytvorení súboru JavaScript musíme vytvoriť jednoduchý dokument HTML. Ak chcete zahrnúť náš súbor JavaScript do dokumentu HTML, musíme použiť značku skriptu a v atribúte 'src' musíme poskytnúť cestu k nášmu súboru JavaScript, kde je uložený. Po prepojení externého súboru JavaScript s dokumentom HTML môžeme vytvoriť tlačidlo a zavolať ho funkciu pomocou 'po kliknutí' atribút s tým.
Poďme to pochopiť pomocou programu:
Program
Kliknutím na nasledujúce tlačidlo zobrazíte funkciu v akcii
Vysvetlenie programu
Vo vyššie uvedenom programe sme najskôr vytvorili súbor JavaScript a definovali v ňom našu funkciu a uložili ju s príponou . js rozšírenie.
Function.js
functionmyfunction() { document.write('welcome to Javatpoint'); } Po vytvorení súboru JavaScript sme vytvorili dokument HTML a prepojili náš súbor JavaScript pomocou . Pretože sme náš dokument HTML a súbor JavaScript uložili do rovnakého priečinka, pomenovali sme náš súbor JavaScript v atribúte 'scr' namiesto poskytnutia úplnej cesty v sekcii head.
Vo vnútri časti tela sme zobrazili nejaký text a vytvorili tlačidlo. Na zavolanie našej funkcie sme použili po kliknutí atribút spolu s tlačidlom a keď používateľ klikne na toto tlačidlo, naša funkcia sa spustí a zobrazí výstražnú správu, ako môžete vidieť vo výstupe.
Kliknutím na nasledujúce tlačidlo zobrazíte funkciu v akcii
Výkon
Teraz kliknite na dané tlačidlo:
