1. Чем пользователей не устраивает «чистый» HTML?
Чистый HTML не устраивает пользователей, так как он ограничен в возможностях создания интерактивности и динамического изменения контента. Он предоставляет лишь базовую структуру и оформление, без возможности реагировать на действия пользователя или обновлять содержимое без перезагрузки страницы.
2. Что такое динамический HTML? Какие технологии он использует?
Динамический HTML (DHTML) — это совокупность технологий, позволяющих создавать интерактивные и динамические веб-страницы. Он включает HTML для структуры, CSS для оформления, JavaScript для логики и манипуляций, а также DOM для взаимодействия с элементами страницы.
3. Что такое DOM? Зачем нужна такая структура?
DOM (Document Object Model) — это объектная модель документа, представляющая структуру веб-страницы в виде дерева, где каждый элемент является объектом. Она нужна для удобного взаимодействия с элементами страницы через JavaScript, позволяя изменять структуру, стили и содержимое веб-документа.
4. Как можно найти нужный элемент на веб-странице из JavaScript-кода?
Для нахождения нужного элемента на веб-странице из JavaScript-кода используют методы DOM, такие как getElementById, getElementsByClassName, getElementsByTagName, querySelector и querySelectorAll.
5. Что такое «ролловер»? Приведите примеры, когда этот эффект действительно полезен.
Ролловер — это эффект, который возникает при наведении курсора на элемент, например, изменение цвета кнопки, появление подсказки или смена изображения. Этот эффект полезен для привлечения внимания, улучшения визуального восприятия, создания интерактивности, например, при наведении на кнопки меню или изображения в галереях.
6. Как вы понимаете слово «событие»? С какими событиями мы работали в приведённых примерах?
Событие — это определённое действие, происходящее на странице, например, клик мыши, нажатие клавиши, изменение содержимого элемента. В примерах мы работали с событиями, такими как click (щелчок мышью), mouseover (наведение курсора) и input (ввод текста).
7. Что такое обработчик события?
Обработчик события — это функция, которая автоматически вызывается, когда на странице происходит определённое событие, например, клик по кнопке или ввод текста. Она определяет, что должно произойти в ответ на это событие.
8. Что означает запись this.src?
апись this.src используется в JavaScript и означает доступ к атрибуту src текущего элемента, вызвавшего событие. Ключевое слово this указывает на объект, с которым связано событие (например, изображение, гиперссылка и т. д.).
9. Как вы думаете, зачем могут понадобиться скрытые блоки на веб-странице?
Скрытые блоки на веб-странице используются для размещения информации или функционала, который не нужен на текущий момент, но может быть показан при взаимодействии пользователя, например, выпадающие меню, формы или дополнительные пояснения.
10. Объясните, зачем скрытому блоку присвоен и класс, и идентификатор.
Скрытому блоку присваиваются и класс, и идентификатор, чтобы упростить управление его стилями и поведением. Класс удобен для применения общих стилей к нескольким элементам, а идентификатор — для уникальной идентификации конкретного блока в JavaScript.
11. Какое свойство блока нужно изменить, чтобы скрыть или показать его?
Чтобы скрыть или показать блок, нужно изменить его CSS-свойство display. Например, установить его в none, чтобы скрыть блок, или в block, flex или другое значение, чтобы отобразить.
12. Как вы думаете, зачем JavaScript-код выносят в отдельные файлы?
JavaScript-код выносят в отдельные файлы для улучшения структуры проекта, упрощения обновлений и повторного использования кода, а также для ускорения загрузки страниц, так как такие файлы могут кэшироваться браузером.
13. Как подключаются к веб-странице файлы, содержащие JavaScript-код?
Файлы, содержащие JavaScript-код, подключаются к веб-странице с помощью тега <script> с атрибутом src. Пример: <script src="script.js"></script>. Этот тег размещают внутри <head> или перед закрывающим тегом </body>.
14. Зачем в функцию show добавлен условный оператор?
Условный оператор в функции show добавлен для проверки какого-либо условия, определяющего, нужно ли выполнять определённые действия, например, показывать или скрывать элемент. Это позволяет управлять поведением функции в зависимости от текущего состояния страницы или данных.
15. Как понимать запись elem. style. display?
Запись elem.style.display используется для изменения или проверки значения свойства display элемента. Оно определяет, отображается элемент на странице или скрыт (например, block, none, inline).
16. Зачем в обработчик гиперссылки добавлена команда return false?
Команда return false в обработчике гиперссылки используется для предотвращения стандартного действия браузера, связанного с этим элементом. Например, это может быть предотвращение перехода по ссылке после выполнения JavaScript-кода.
17. Как можно использовать формы без «принимающей» серверной программы?
Формы можно использовать без серверной программы для выполнения клиентских задач, таких как проверка данных или взаимодействие с пользователем, с помощью JavaScript. Например, форма может собирать данные и отображать их пользователю на той же странице без отправки на сервер.
18. Зачем нужен атрибут name для формы и её элементов?
Атрибут name нужен для идентификации формы и её элементов, особенно при работе с серверной программой или JavaScript. Он позволяет ссылаться на элементы формы по их имени.
19. Как браузер отличает кнопку от поля ввода (оба элемента задаются тэгом <input>)?
Браузер отличает кнопку от поля ввода по значению атрибута type тега <input>. Например, для кнопки значение type="button", а для текстового поля — type="text".
20. Какая функция используется для вывода сообщения пользователю в отдельном окне?
Для вывода сообщения пользователю в отдельном окне используется функция alert. Пример: alert("Сообщение пользователю");.