Регистрация
Раздел: Для веб-программиста

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

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

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

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

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

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

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

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

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

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

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

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


Это далеко не полный список!

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

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

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

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

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

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

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

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

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

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

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