Читать «HTML5. Недостающее руководство» онлайн - страница 315

менты страницы. Более того, JavaScript - код может изменить каждый аспект те-кущей отображаемой страницы и даже полностью заменить весь документ.

 Получает данные с сервера. Сценарий JavaScript может запрашивать данные с того же самого веб - сервера, который предоставил исходную страницу. Сочетая этот метод с предыдущим, можно создавать веб - страницы, которые плавно об-новляют важную информацию, например список новостей или биржевые коти-ровки.

 Отправляет данные на веб - сервер. В HTML уже имеется способ отправки данных с использованием веб - форм (см. главу 4) , но в JavaScript применяется более тонкий подход. Он позволяет снимать данные с элементов формы, прове-рять действительность этих данных и даже отправлять их на веб - сервер, и при этом не заставляя браузер обновлять страницу.

Для реализации последних двух видов задач требуется использовать объект XMLHttpRequest , расширение JavaScript, которое рассматривается в разд. "Объект XMLHttpRequest" главы 11 . В последующих разделах мы рассмотрим первую из пе-речисленных задач, которая является главной частью почти каждой веб - страницы, движимой JavaScript.

Манипулирование элементами С точки зрения JavaScript веб - страница является бо´ льшим, чем просто статическим блоком кода HTML. Для этого кода каждый элемент разметки является объектом, который можно исследовать и модифицировать. Самый простой способ получить доступ к объекту — это присвоить ему однознач-ное имя, что реализуется с помощью атрибута id объекта. Вот пример присвоения имени объекту:

Если вы знакомы с основами объектно - ориентированного программирования, то должны знать, что такое свойства и методы. Если же нет, то свойства можно предста-вить как прикрепленные к объекту данные, а методы, как встроенные в объект функ-ции.

titleObject.innerHTML = "This Page Is Dynamic"; Этот код присваивает свойству innerHTML объекта titleObject (это наш элемент <h1> ) текстовое значение, которое отображается как содержимое этого элемента. Свойство innerHTML — это всего лишь один аспект объекта HTML, который можно изменять. Для создания кода для работы со свойствами объектов нужно знать, ка-кие свойства JavaScript разрешает модифицировать. Очевидно, что некоторые свойства относятся только к определенным элементам HTML, например атрибут src , который используется для загрузки изображения в элемент <img> :