software:development:demo:cms:ucms:sample_php_page_scripts_js
Это старая версия документа!
4.3.2 Файл scripts.js
Введение
Файл scripts.js — это внешний файл, содержащий код JavaScript, который обеспечивает интерактивность веб-страниц (обработка событий, анимация, работа с формами). Вынос кода в отдельный файл улучшает читаемость HTML, позволяет кэшировать скрипты браузером и использовать один файл на нескольких страницах. Подключается через <script src="scripts.js"></script>.
Ключевые аспекты использования scripts.js:
- Назначение: Реализация динамического поведения, манипуляция элементами DOM (Document Object Model).
- Подключение: Файл подключается в теге <head> или перед закрывающим тегом </body> с помощью атрибута src.
- Атрибуты загрузки:
- defer: Скрипт загружается в фоновом режиме и выполняется только после полной загрузки HTML (рекомендуется).
- async: Скрипт выполняется асинхронно, сразу после загрузки, не дожидаясь разбора HTML.
- Преимущества: Повторное использование кода, повышение производительности за счет кэширования, разделение разметки (HTML) и логики (JS).
Для открытия и редактирования файла scripts.js подходят текстовые редакторы (Notepad++, VS Code) или IDE (WebStorm).
Файл scripts.js
- script.js
// Находим кнопку по ID const button = document.getElementById('myButton'); // Добавляем обработчик события "click" button.addEventListener('click', function() { // Выводим alert alert('Кнопка была нажата!'); });
Дополнения и Файлы
см. также:
Только авторизованные участники могут оставлять комментарии.
software/development/demo/cms/ucms/sample_php_page_scripts_js.1770567541.txt.gz · Последнее изменение: — VladPolskiy