В HTML5 функциональность JavaScript была расширена путем добавления новых возможностей и усовершенствования существующих методов.
Элементы:
— <script>. Теперь этот элемент считает JavaScript языком сценариев по умолчанию, атрибут type больше указывать не нужно.
Селекторы
Возможность динамически обращаться из кода JavaScript к любым элементам документа лежит в основе построения любого качественного вебприложения. Для этой цели были реализованы новые методы:
— getElementsByClassName. Позволяет находить в документе элементы по значению их атрибутов class. Стал дополнением к уже существующим селекторам getElementsByTagName и getElementByld;
— querySelector(селекторы). Позволяет выбрать элементы в документе, используя селекторы CSS. Селекторы объявляются внутри круглых скобок, а сам метод можно комбинировать с другими методами, конструируя более точные ссылки. Он возвращает первый найденный элемент;
— querySelectorAll(селекторы). Похож на querySelector(),однако возвращает все элементы, соответствующие перечисленным в скобках селекторам.
События
Важность событий в веб-приложениях привела к необходимости стандартизации методов, которые до этого уже использовались в популярных браузерах:
— addEventListener(™n, прослушиватель, useCapture). Используется для добавления прослушивателя события. Принимает три значения: имя события, функция для обработки события и булево значение, указывающее порядок исполнения для нескольких событий, сработавших одновременно. Чаще всего третьему атрибуту присваивается значение false;
— removeEventListener(™n, прослушиватель, useCapture). Удаляет прослушиватели событий и деактивирует соответствующие обработчики событий. Принимает те же аргументы, что и addEventListener().
API
Масштаб JavaScript значительно расширился благодаря набору модных
Встроенных приложений, доступ к которым осуществляется посредством
API-интерфейсов:
— Canvas (Холст). Это API рисования, позволяющий создавать растровые изображения и манипулировать ими. Для работы с ним используются стандартные методы JavaScript;
— Drag and Drop (Перетаскивание). Делает доступным в Сети наиболее распространенное действие, выполняемое в настольных приложениях. Он позволяет пользователям перетаскивать любые элементы в сетевых документах;
— Geolocation (Геолокация). Этот API предоставляет доступ к информации о физическом местоположении устройства, на котором выполняется приложение. С помощью различных механизмов (например, сетевая информация и GPS) он может извлекать такие данные, как широта и долгота;
— Web Storage (Веб-хранилище). Предоставляет два атрибута для постоянного хранения данных на компьютере пользователя: sessionStorage и localStorage. Атрибут sessionStorage позволяет разработчикам отслеживать действия пользователя, сохраняя информацию, относящуюся к каждому из окон, ограниченное время, а именно до конца сеанса. В противоположность этому атрибут localStorage позволяет разработчикам использовать закрытую область хранилища, создаваемую для каждого приложения и имеющую объем до нескольких мегабайт, навсегда записывая информацию и данные в память компьютера пользователя;
— Indexed Database (Индексированная база данных). Добавляет в вебприложения возможности базы данных на пользовательской стороне. Данная система была разработана независимо от предыдущих технологий и представляет собой простую реализацию базы данных, предназначенную именно для сетевых приложений. База данных сохраняется на компьютере пользователя, она не затирается автоматически (данные
Сохраняются навсегда), и, разумеется, пользоваться ею может только приложение, создавшее эту базу данных;
— File (Файл). Это группа API, предназначенная для считывания, записи и обработки файлов пользователя;
— XMLhttpRequest Level 2 (XMLhttpRequest 2-го уровня). Представляет собой усовершенствованную версию старого API XMLhttpRequest и предназначен для построения приложений Ajax. Он включает в себя новые методы для управления ходом выполнения приложения и обработки запросов из разных источников;
— Cross Document Messaging (Обмен сообщениями между документами). Предоставляет новую коммуникационную технологию, позволяющую приложениям обмениваться данными друг с другом в разных фреймах и окнах;
— WebSockets (Веб-сокеты). Предоставляет механизм двусторонней коммуникации между клиентами и серверами. Это необходимо для приложений реального времени, таких как чаты или интерактивные видеоигры;
— Web Workers (Рабочие процессы). Благодаря этому API сценарии в JavaScript могут выполняться в фоновом режиме, не прерывая работу текущей страницы;
— History (История). Этот API предоставляет альтернативное решение для сохранения каждого шага выполнения приложения в истории браузера;
— Offline (Автономная работа). Предназначен для создания приложений, способных продолжать работать, даже когда пользователь отключен от сети.
Добавить комментарий