Постоји много начина да се позове ЈаваСцрипт функција у ХТМЛ документу, а то такође није тежак задатак. Прво, користили смо један од најлакших начина да позовемо а ЈаваСцрипт функција у ХТМЛ документу:
У овој методи ћемо креирати и дефинисати функцију у одељку главе ХТМЛ документа. Да бисмо позвали ову функцију у хтмл документу, морамо да креирамо једноставно дугме и користимо онцлицк атрибут догађаја (који је обрађивач догађаја) заједно са њим, можемо позвати функцију кликом на дугме.
Да бисмо то јасније разумели, погледајмо дати програм:
Програм
подебљани текст цсс
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p> Објашњење програма
У горе датом програму направили смо једноставан ХТМЛ документ. Унутар главног дела ХТМЛ документа дефинисали смо функцију ( нпр. мифунцтион();) унутар ознака скрипте ... .
function myfunction() { alert('how are you'); } С друге стране, унутар одељка тела, приказали смо неки текст и креирали дугме. Да бисмо позвали нашу функцију, користили смо онцлицк атрибут заједно са дугметом и када корисник кликне на то дугме, наша функција се извршава и приказује поруку упозорења, као што можете видети у излазу.
Кликните на следеће дугме да видите функцију у акцији
Излаз
Позивање функције помоћу спољне ЈаваСцрипт датотеке
Такође можемо позвати ЈаваСцрипт функције користећи спољну ЈаваСцрипт датотеку приложену нашем ХТМЛ документу. Да бисмо то урадили, прво морамо да креирамо ЈаваСцрипт датотеку и дефинишемо нашу функцију у њој и сачувамо је са екстензијом (.Јс).
Када се креира ЈаваСцрипт датотека, потребно је да креирамо једноставан ХТМЛ документ. Да бисмо нашу ЈаваСцрипт датотеку укључили у ХТМЛ документ, морамо да користимо ознаку скрипте, а у атрибуту 'срц' морамо да обезбедимо путању до наше ЈаваСцрипт датотеке где се она чува. Након повезивања екстерне ЈаваСцрипт датотеке са ХТМЛ документом, можемо креирати дугме и позвати функција помоћу 'онцлицк' атрибут са њим.
Хајде да то разумемо уз помоћ програма:
Програм
Кликните на следеће дугме да видите функцију у акцији
Објашњење програма
У горњем програму прво смо креирали ЈаваСцрипт датотеку и дефинисали нашу функцију у њој и сачували је са . јс проширење.
Фунцтион.јс
functionmyfunction() { document.write('welcome to Javatpoint'); } Након креирања ЈаваСцрипт датотеке, направили смо ХТМЛ документ и повезали нашу ЈаваСцрипт датотеку помоћу . Пошто смо наш ХТМЛ документ и ЈаваСцрипт датотеку сачували у истом директоријуму, управо смо дали име нашој ЈаваСцрипт датотеки у атрибуту 'сцр' уместо да пружимо пуну путању у одељку заглавља.
Унутар дела тела приказали смо текст и направили дугме. Да бисмо позвали нашу функцију, користили смо онцлицк атрибут заједно са дугметом и када корисник кликне на то дугме, наша функција се извршава и приказује поруку упозорења, као што можете видети у излазу.
Кликните на следеће дугме да видите функцију у акцији
Излаз
Сада кликните на дато дугме:
