Для подключения внешнего файла JavaScript к HTML-документу используется тег <script>.
Пример:
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Пример подключения JavaScript</title> <!-- Подключаем внешний файл JavaScript --> <script src="path/to/your/script.js"></script> </head> <body> <h1>Привет, мир!</h1> <!-- Пример использования функции из подключенного скрипта --> <button onclick="sayHello()">Нажми меня</button> </body> </html>
Теперь давайте создадим файл script.js и добавим туда простую функцию:
// script.js function sayHello() { alert("Привет!"); }
Когда пользователь нажмет кнопку «Нажми меня», сработает функция sayHello() из подключённого файла script.js, которая выведет сообщение «Привет!».
Объяснение:
- Тег
<script>указывает браузеру, что внутри него находится код на языке программирования JavaScript. - Атрибут
srcпозволяет указать путь к внешнему файлу с JavaScript-кодом. В данном примере этоpath/to/your/script.js. - Функция
sayHello()определена во внешнем файлеscript.jsи вызывается при нажатии кнопки через атрибутonclick.
Таким образом, вы можете писать весь ваш JavaScript-код в отдельном файле и подключать его к любому количеству HTML-документов.
Загрузка...