Зміст
Веб-сторінки можуть запитувати коди у зовнішні файли. Це дозволяє розробникам викликати функції JavaScript, збережені в файлах ".js". У розділі "голова" веб-сторінки HTML посилання може імпортувати вміст файлу JavaScript. У розділі "body" розмітка HTML може містити інструкції для виклику функцій браузера в будь-яких файлах JavaScript, включених на сторінку. Веб-сторінки часто називають ці функції, коли на сторінці відбувається деяка взаємодія з користувачем.
Посилання на сценарій
Для використання функцій у зовнішньому файлі JavaScript веб-сторінка повинна містити посилання на файл. Наступний приклад розмітки HTML демонструє посилання на файл JavaScript, перелічений у розділі "голова" HTML:
Цей код дозволяє сторінці використовувати функції з файлу "myfuncoes.js", який зберігається в тому ж каталозі, що й сторінка, про яку йдеться. Якщо адреса сценарію знаходиться в іншому місці, цей код повинен відображати розташування в атрибуті "src".Контур функції
Щоб викликати функцію JavaScript, потрібно знати план функції. Щоб перевірити це, ви можете знайти цю функцію у вашому файлі JavaScript і подивитися її перший рядок. Наступний приклад коду JavaScript демонструє ескіз функції:
Функція facaAlgoDeBom ()
Щоб викликати цю функцію, код JavaScript на веб-сторінці повинен використовувати назву функції, як у цьому фрагменті коду:
facaAlgoDeBom ();
При виконанні цього коду буде виконано вміст функції.
Розмітка HTML
Щоб викликати функцію JavaScript в HTML, програмісти повинні вирішити, коли потрібно запускати цю функцію. Часто функції виконуються проти взаємодії користувача з елементом HTML. Цей метод використовує слухачів подій, які можна прикріпити до елементів HTML за допомогою атрибутів. Наведений нижче код демонструє, як вказати функцію JavaScript, яка виконується, коли користувач натискає на елемент:
Коли користувач натискає цю кнопку, браузер знайде зазначену функцію, а потім виконає її.
Опції
Розробникам необхідно пристосувати свої виклики функцій до деталей функцій. Деякі функції потребують параметрів і деяких повернутих значень, коли вони завершують виконання. Наступний приклад приймає параметр і повертає значення:
функція множить (InitialNumber) {return InitialNumber * 5; }
Наступний фрагмент демонструє, як викликати цю функцію і використовувати повернене значення:
var result = множення (3); document.write (результат);
Код передає функцію числовому значенню і отримує інше значення, що повертається. Він зберігає повернене значення у змінній і потім використовує це повернення в іншій візуалізації.
