Сценарии JavaScript в активных страницах Web

Встроенные объекты


Ниже мы перечислили встроенные объекты, свойства и методы которых доступны в сценариях JavaScript без предварительного определения этих объектов:

Объект

Описание

Array*

Массив



Boolean*

Логические данные

Date

Календарная дата

Function*

Функция

Global*

Глобальные методы

Math

Математические константы и функции

Number*

Числа

Object*

Объект

String 

Строки

Здесь символом * отмечены встроенные объекты, определенные в языке Microsoft JScript версии 3.0. Эта версия реализована в браузере Microsoft Internet Explorer версии 4.0.

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

Как работать со встроенными объектами?

Достаточно просто. Программа создает реализации (instance) объектов, а затем обращается к свойствам и методам объектов.

В качестве примера, имеющего практическое значение, рассмотрим документ HTML, в котором отображается текущая дата и время. Исходный текст этого документа вы найдете в листинге 2.1.

Листинг 2.1. Файл chapter2/date/date.html

<HTML>

  <HEAD>

    <TITLE>Show date and time</TITLE>

  </HEAD>

  <BODY BGCOLOR=WHITE>

    <H1>Show date and time</H1>

    <SCRIPT LANGUAGE="JavaScript">

    <!--

      var dt;

      var szDate="";

      dt = new Date();

      szDate = "Date: " + dt.getDate() + "."

        + dt.getMonth() + "." + dt.getYear();

      document.write(szDate);

      document.write("<BR>");

      document.write("Time: " + dt.getHours()

        + ":" + dt.getMinutes() + ":" + dt.getSeconds());

    // -->

    </SCRIPT>

  </BODY>

</HTML>


Здесь сценарий JavaScript создает объект Data, применяя для этого ключевое слово new, знакомое всем поклонникам языка С++, и конструктор Date без параметров:

var dt;

dt = new Date();

Создаваемый таким образом объект Data инициализируется текущей локальной датой, установленной у пользователя (а не на сервере Web, с которого был загружен соответствующий документ HTML).

В следующей строке формируется текстовая строка даты:

szDate = "Date: " + dt.getDate() + "."

  + dt.getMonth() + "." + dt.getYear();

Значение календарного числа, номера месяца и года здесь получается при помощи методов getDate, getMonth и getYear, соответственно. Эти методы вызываются для объекта dt, содержащего текущую дату.

Текстовая строка даты выводится в документ HTML с помощью метода write, определенного в объекте document:

document.write(szDate);

Этот способ мы уже использовали в примерах сценариев, приведенных в первой главе нашей книги.

Заметим, что объект Date содержит также информацию о текущем времени. Эта информация извлекается для отображения с помощью методов getHours, getMinutes и getSeconds (соответственно, часы, минуты и секунды):

document.write("Time: " + dt.getHours()

  + ":" + dt.getMinutes() + ":" + dt.getSeconds());

Внешний вид документа HTML при его просмотре в окне браузера Microsoft Internet Explorer версии 4.0 показан на рис. 2.2.



Рис. 2.2. Просмотр локальной даты и времени

Применение других встроенных объектов мы продемонстрируем позже по мере изучения материала.


Содержание раздела