Объекты класса Date

Объект Date хранит дату и время в специальном внутреннем формате. Есть три варианта конструкторов для объектов Date:

· При вызове без параметров создается объект, содержащий текущие дату и время.

· Если параметром является строка в формате “месяц день, год час : минута : секунда”, то она преобразуется во внутренний формат даты / времени. Например, правильно будет воспринята строка “ June 5, 2009” (в качестве времени будут проставлены нулевые значения ).

· Если параметрами являются переменные, то они должны содержать числовые значения даты и времени – год, месяц, день, час, минуты, секунды:

x = new Date (year, month, date, hours, minutes, seconds)

Существует группа методов, которая не требует предварительного создания объекта.

Метод eval( ) производит математические вычисления и вызывается “сама по себе”, не требуя предварительного создания объекта.

Пример:

x = eval (“ 6 + 9 * 8 “) ;

В результате выполнения оператора значение х будет равно 78.

Структура внутренних объектов браузера

Объектная модель документа (DOM) указывает на связь отдельных элементов (объектов) документа между собой.

Фрагмент DOM браузера приведен на рис. 1.

Иерархия объектов браузера позволяет обращаться к каждому из них и соответственно менять их свойство.

Каждый объект иерархии обладает:

· свойствами (properties);

· методами (methods);

· процедурами обработки событий (event handlers)

Процедура обработки событий – это программа, вызываемая при наступлении событий. Программа создается разработчиком.

Для внесения изменения (представления или способа работы элемента) необходимо выполнить следующее:

· найти требуемый объект (элемент);

· изменить его свойство или выполнить требуемый метод.

Фрагмент иерархии объектов “браузера”

Объект

Window

Объект Объект Объект Объект Объект

Location History Document Navigator Screen

Объект Объект Объект

Forms images Links

кнопка кнопка кнопка текстовое

“сброс” “пуск” “выбор” поле

Рис. 1.

Описание некоторых элементов DOM браузера

Объект Window

Объект Window включает в себя свойства HTML-документа, свойства браузера параметры монитора и т. д.:

· какой браузер запущен;

· какие страницы посетил пользователь;

· размер окна браузера;

· размер монитора пользователя в пикселях;

· …

Объект Window – это глобальный объект, в связи с этим ненужно указывать его имя, чтобы получит доступ к его свойствам и методам.

Пример: alert( ) и window . alert( ) записи эквивалентные

Объект History

Объект Historyхранит информацию о каждой странице, которую посетил пользователь (список истории браузера). Благодаря ему, пользователь может нажимать кнопки Back (Назад) Forward (Вперед), чтобы заново посетить страницы.

Таблица 2. Свойства и методы объекта History

Пример использования метода go( ):

window . history . go(-2)

или

window . history . go(3)

Объект Location

Объект Location содержит информацию о расположении текущей страницы.

Таблица 3. Свойства и методы объекта Location

Свойство href и метод replace( ) могут выполнять одну и туже задачу– отправлять на новый ресурс, но метод replace( ) при этом удаляет адрес текущей страницы из стека, а свойство href нет.

Пример:

window. location.href = “myPage.htm”

window. location. replace(“myPage.htm” )

Объект Navigator

Объект Navigator содержит информацию о браузере и операционной системе, в которой он запущен.

Таблица 4. Свойства и методы объекта Navigator

Объект mimeType представляет спецификацию типа MIME. Эти свойства позволяют сценариям выяснять, оборудован ли браузер должным образом, чтобы обработать определенный тип MIME внешнего содержания прежде, чем оно загружено с сервера. Все эти свойства показываются, когда Вы выбираете опцию меню Navigator "About Plug-ins". Internet Explorer не поддерживает объект..

Объект Screen

Объект Screen содержит информацию о возможностях экрана монитора пользователя.

Таблица 5. Свойства объекта Screen

Объект Document

Объект Document предоставляет доступ к свойствам и методам объектов HTML-страницы через его элементы DOM.

Структура DOM браузеров разных фирм отличаются друг от друга.

Ниже будут рассматриваться только объекты общие для основных браузеров.

Таблица 4. Метода и свойства объекта Document

Каждый объект <img /> на странице хранится в массиве images[ ]. Первое изображение на странице находится в элементе document . images[0] второй в document . images[1] и т. д.

Возможен вариант присвоение переменной имя элемента массива images[ ] например:

var myImage2 = document . images[1] ;

Возможно получить доступ к объектам img в массиве по имени определенном в теге <img>.

Например:

В html-документе используется тег

<img name = “myPic” src = “1.gif” >

тогда в программе JavaScript можно обращаться к этому изображения как

document . images [ “myPic”]

Поскольку свойство document . images – это массив, у него есть свойства встроенного объекта JavaScript Array такое как length с помощью которого можно определить количество элементов в массиве (количество рисунков на странице).

_______________________________________

Пример использования массива images[ ] для выбора рисунка, размещаемого на странице:

<html>

<body>

<img name="img1" src="" border="0" width="200" height="150">

<script type="text/javaScript">

var myPicture = new Array("1.jpg", "2.jpg", "3.jpg" ) ;

var imgIndex = prompt("Введите число от 0 до 2" , "") ;

document.images["img1"].src = myPicture

</script>

</body>

</html>

Пример в файле – \ Programmes \Temp\Object_imeges.html

Массив links

Для каждого тега <a> , определенного с атрибутом href, браузер создает объект A с таким же параметром, как и у тега href.

Набор всех объектов A находится внутри массива link [ ]

Аналогично тому, как объекты img содержатся в массиве images[ ]

Порядок выполнения действий при использовании JavaScript

Сценарий JavaScript запускается автоматически, сразу же после загрузки страницы HTML

Файл 111.html

<html>

<head>

<title> Основы AJAX: JavaScript и DOM</title>

<script type = "text/javascript" src = "prog.js"> </script>

</head>

<body>

дузья!

</body>

</html>

____________________________________________

Файл prog.js

// объявление новых переменных

var date = new Date() ;

var hour = date.getHours() ;

// демонстрация условного оператора if

if (hour >=22 || hour <= 5)

document.write(" Уже ночь, ") ;

else

document.write(" Добрый день, ");

Для управления порядком исполнения отдельных участков JavaScript скрипты оформляются в виде функций, которые запускаются по возникновению каких либо событий (например, по щелчку кнопкой мыши) в странице HTML.

Присоединение кода программы JavaScript к событиям веб-страницы

Определение: Событие – это любое изменение состояния браузера или веб-страницы, размещенной на экране.

Примеры событий:

· изменение положения курсора мыши;

· нажатие кнопок размещенных на веб-странице, клавиатуре или мыши;

· загрузка новой страницы.

Определение:

Обработчик событий – это код программы, который выполняется при наступлении события.

Таблица № 7. События, по которым может вызываться программы JavaScript

Способы объединения события и обработчика событий.

Существует два основных способа объединения:

· объединение через атрибуты тегов;

· объединение через свойства объектов.