Регистрация

На что способен JavaScript

User 18-09-2017, 14:36 886 Для веб-программиста
0


Чаще всего jаvascript встречается нам как способ добавления интерактивности на страницы. Если наша разметка — «структурный» слой страницы, а ее «презентационный» слой состоит из CSS, третий, «поведенческий», слой составляет jаvascript. Ко всем элементам, атрибутам и тексту на веб-странице можно получить доступ с помощью сценариев, используя объектную модель документа (Document Object Model, DOM), которую мы рассмотрим в главе 22. Мы также сможем написать сценарии, которые будут реагировать на действия пользователя, на ходу изменяя контент страницы, стили CSS или поведение браузера. Вы наверняка видели их в действии, если когда-либо пытались зарегистрироваться на веб-сайте, вводили имя пользователя и тут же получали ответ, что введенное вами имя уже занято кем-то другим (рис. 1). Красная рамка вокруг поля ввода текста и внешний вид сообщения «извините, введенное вами имя уже используется другим пользователем» — примеры jаvascript, изменяющего контент страницы, а блокирование отправки формы — пример jаvascript, изменяющего заданное по умолчанию поведение браузера.

Рис. 1. jаvascript обнаруживает, что регистрируемый адрес электронной почты недоступен, а затем вставляет сообщение и изменяет стили, чтобы сделать проблему очевидной

Короче говоря, jаvascript позволяет создавать высокоадаптивные интерфейсы, которые улучшают впечатление пользователя и обеспечивают динамическую функциональность, не заставляя ждать, пока сервер загрузит новую страницу.
Например, мы можем использовать jаvascript, чтобы выполнить одно из следующих действий:
• Предложить полностью слово, которое пользователь, возможно, вводит в поле поиска, когда он еще его печатает. Это можно увидеть в действии на сайте Google.

Рис. 2. Сайт Google использует jаvascript, чтобы автоматически предлагать пользователю распространенный поисковый запрос, когда он только начинает его вводить.

• Запрашивать контент и информацию с сервера и вставлять его в текущий документ по мере необходимости, не загружая повторно всю страницу — это обычно называется «Ajax». • Отображать и скрывать контент после щелчка пользователя мышью по ссылке или заголовку для создания «сворачиваемой» области контента (рис. 3).

На что способен JavaScript
Рис. 3. Сценарии jаvascript можно использовать для отображения и сокрытия части контента

• Заполнять промежутки там, где не справляются встроенные функции браузера или добавлять в старые браузеры некоторые функции, доступные в новых. Эти виды сценариев обычно называют прокладками или полизаполнениями.

• Загружать изображение или контент в созданный с помощью пользовательских стилей «лайтбокс» — изолированный на странице с помощью CSS — после того, как пользователь щелкнет мышью по миниатюре изображения (рис. 4).

Рис. 4. Сценарии jаvascript можно использовать для загрузки изображений в галерею в стиле «лайтбокс»


Это далеко не полный список!скачать dle 12.0

Написать сообщение

Кликните на изображение чтобы обновить код, если он неразборчив



Похожие новости

Анатомия сценария JavaScript

Есть веская причина, почему в книге Дэвида Флэнагана «jаvascript. Подробное руководство»

18.09.17 Для веб-программиста
Добавление сценариев JavaScript на страницу сайта

Как и CSS, вы можете вставить код сценария прямо в документ или сохранить его во внешнем файле и

18.09.17 Для веб-программиста
Что такое JavaScript?

jаvascript — это название языка программирования, добавляющий на сайты интерактивность и

18.09.17 Для веб-программиста

 
2018 UseSite.ru. Все права защищены. Копирование материала строго запрещено.
Закрыть