Има много начини за извикване на JavaScript функция в HTML документа и това също не е трудна задача. Първо, използвахме един от най-лесните начини за извикване на a JavaScript функция в HTML документ:

В този метод ще създадем и дефинираме функция в главата на HTML документа. За да извикаме тази функция в html документа, трябва да създадем прост бутон и да използваме onclick атрибут на събитие (който е манипулатор на събитие) заедно с него можем да извикаме функцията, като щракнем върху бутона.

За да го разберем по-ясно, нека видим дадената програма:

програма

функции в c

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

Обяснение на програмата

В горепосочената програма създадохме прост HTML документ. Вътре в главата на HTML документа дефинирахме функция ( напр. myfunction();) вътре в таговете на скрипта ... .

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

От друга страна, вътре в раздела на тялото, ние показахме някакъв текст и създадохме бутон. За да извикаме нашата функция, използвахме onclick атрибут заедно с бутона и когато потребителят щракне върху този бутон, нашата функция се изпълнява и показва предупредително съобщение, както можете да видите в изхода.

Щракнете върху следния бутон, за да видите функцията в действие

Изход

Извикване на функция чрез външен JavaScript файл

Можем също така да извикваме JavaScript функции, като използваме външен JavaScript файл, прикачен към нашия HTML документ. За да направим това, първо трябва да създадем JavaScript файл и да дефинираме нашата функция в него и да го запазим с (.Js) разширение.

След като JavaScript файлът е създаден, трябва да създадем прост HTML документ. За да включим нашия JavaScript файл в HTML документа, трябва да използваме тага на скрипта и в атрибута 'src' трябва да предоставим пътя до нашия JavaScript файл, където се съхранява. След като свържем външния JavaScript файл с HTML документа, можем да създадем бутон и да извикаме функция използвайки 'onclick' атрибут с него.

Нека го разберем с помощта на програма:

програма

Щракнете върху следния бутон, за да видите функцията в действие

Обяснение на програмата

В горната програма първо създадохме JavaScript файл и дефинирахме нашата функция в него и го запазихме с . js разширение.

Функция.js

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

След създаването на JavaScript файла създадохме HTML документ и свързахме нашия JavaScript файл с помощта на . Тъй като сме съхранили нашия HTML документ и JavaScript файл в една и съща папка, току-що сме посочили нашия JavaScript файл в атрибута „scr“, вместо да предоставим пълния път в секцията head.

Вътре в раздела на тялото показахме малко текст и създадохме бутон. За да извикаме нашата функция, използвахме onclick атрибут заедно с бутона и когато потребителят щракне върху този бутон, нашата функция се изпълнява и показва предупредително съобщение, както можете да видите в изхода.

Щракнете върху следния бутон, за да видите функцията в действие

Изход

Сега щракнете върху дадения бутон: