logo

Як викликати функцію JavaScript у html?

Є багато способів викликати функцію JavaScript у документі HTML, і це також не є складним завданням. По-перше, ми використали один із найпростіших способів виклику a JavaScript функція в документі HTML:

У цьому методі ми створимо та визначимо функцію в заголовку документа HTML. Щоб викликати цю функцію в html-документі, ми повинні створити просту кнопку та за допомогою onclick атрибут події (який є обробником події) разом із ним ми можемо викликати функцію, натиснувши кнопку.

Щоб було зрозуміліше, розглянемо дану програму:

програма

база даних кислотних властивостей
 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(&apos;how are you&apos;); } 

З іншого боку, всередині основного розділу ми відобразили текст і створили кнопку. Щоб викликати нашу функцію, ми використали onclick атрибут разом із кнопкою, і коли користувач натискає на цю кнопку, наша функція виконується та відображає повідомлення попередження, як ви бачите у виведених даних.

Натисніть наступну кнопку, щоб побачити функцію в дії

Вихід

Як викликати функцію JavaScript в html

Виклик функції за допомогою зовнішнього файлу JavaScript

Ми також можемо викликати функції JavaScript за допомогою зовнішнього файлу JavaScript, прикріпленого до нашого HTML-документа. Для цього спочатку потрібно створити файл JavaScript, визначити в ньому нашу функцію та зберегти його з розширенням (.Js).

Після створення файлу JavaScript нам потрібно створити простий HTML-документ. Щоб включити наш файл JavaScript у документ HTML, ми маємо використати тег сценарію, а в атрибуті «src» ми маємо вказати шлях до нашого файлу JavaScript, де він зберігається. Після зв’язування зовнішнього файлу JavaScript із документом HTML ми можемо створити кнопку та викликати функція використовуючи 'onclick' атрибут з ним.

Давайте розберемося за допомогою програми:

програма

Натисніть наступну кнопку, щоб побачити функцію в дії

Пояснення програми

У наведеній вище програмі спочатку ми створили файл JavaScript, визначили в ньому нашу функцію та зберегли його з файлом . js розширення.

Function.js

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

Після створення файлу JavaScript ми створили документ HTML і пов’язали наш файл JavaScript за допомогою . Оскільки ми зберігали наш HTML-документ і файл JavaScript в одній папці, ми просто назвали наш файл JavaScript в атрибуті «scr» замість надання повного шляху в розділі head.

 

Усередині основного розділу ми відобразили текст і створили кнопку. Щоб викликати нашу функцію, ми використали onclick атрибут разом із кнопкою, і коли користувач натискає на цю кнопку, наша функція виконується та відображає повідомлення попередження, як ви бачите у виведених даних.

Натисніть наступну кнопку, щоб побачити функцію в дії

Вихід

Як викликати функцію JavaScript в html

Тепер натисніть на вказану кнопку:

Як викликати функцію JavaScript в html