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

479 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 можно использовать для загрузки изображений в галерею в стиле «лайтбокс»


Это далеко не полный список!скачать dle 11.1смотреть фильмы бесплатно

Ваш комментарий будет полезен посетителям сайта! Пишите ниже.

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