Материал: Web-дизайн. лабораторный практикум. Суворов А.П., Проценко В.Н
нотацию. Например, array1.concat(array2).sort() объединит два массива в один новый и отсортирует его.
Объект Date
Используется для представления дат в программах JavaScript. Время храниться в виде числа миллисекунд, прошедших от 1 января 1970 года. Данный объект создается также как и любой объект в JavaScript – с помощью оператора new и конструктора, в данном случае Date():
date1 = new Date(); // значением переменной date1 будет текущая дата
Параметром конструктора может быть строка, в которой записана нужная дата:
date1 = new Date(“january 14, 2000, 12:00:00”);
Можно задать список параметров: date1 = new
Date(2000, 1, 14, 12, 0, 0);
Объект Math
В свойствах данного объекта хранятся основные математические константы, а его методы вычисляют основные математические функции. При обращении к данному объекту, создавать его не надо, но необходимо явно указывать его имя Math. Например:
p = Math.PI; // хранится значение числа пи.
Объект String
Можно явно создавать строковый объект, используя оператор new и конструктор:
myString = new String(“Hello!”);
Данный объект имеет единственное свойство length, хранящее длину строки, содержащейся в строковом объекте, и два типа методов: одни непосредственно влияют на содержание самой строки, вторые возвращают отформатированный HTML-вариант строки.
35
Стандартные функции верхнего уровня
В JavaScript существуют несколько функций, для вызова которых не надо создавать никакого объекта, она находятся вне иерархии объектов.
Функция parseFloat(parameter) анализирует значение переданного ей строкового параметра на соответствие представлению вещественного числа.
Функция parseInt(parameter, base) пытается возвратить целое число по основанию, заданному вторым параметром.
Эти функции полезны при анализе введенных пользователем данных в полях формы до их передачи на сервер.
Функции Number(object) и String(object) преобразуют объект,
заданный в качестве его параметра в число или строку.
1.3.6. Объекты клиента
При интерпритации страницы HTML браузером создаются объекты JavaScript, свойтсва которых представляют значения параметров тэгов языка
HTML.
Иерархия объектов
Созданные объекты существуют в виде иерархической структуры, отражающей структуру самой HTML-страницы. На верхнем уровне расположен объект window, представляющий собой активное окно браузера. Далее вниз по иерархической лестнице следуют объекты frame, document, location и history и т.д.
Значения свойств объектов отражают значения соответствующих параметров тэгов страницы или установленных системных параметров. На рис. 1.4 показана структура объектов клиента (браузера).
Особняком стоит объект navigator с двумя дочерними (подчиненными) объектами. Он относится к самому браузеру, и его свойства позволяют определить характеристики программы просмотра. Каждая страница в добавление к объекту navigator обязательно имеет еще четыре объекта:
window — объект верхнего уровня, свойства которого применяются ко всему окну в котором отображается документ;
document — свойства которого определяются содержимым самого документа: связи, цвет фона, формы и т. д.;
location — свойства которого связаны с url-адресом отображаемого документа;
history — представляет адреса ранее загружавшихся HTML-страниц.
36
navigator
window
plugin 
mimetype
area
image text
link select option
layer radio
document
form checkbox
history
plugin hidden
location
applet reset
frame
anhor password
Рис. 1.4. Иерархия объектов
Кроме указанных объектов страница может иметь дополнительные объекты, зависящие от ее содержимого, которые являются дочерними объектами объекта document. Если на странице расположена форма, то все ее элементы являются дочерними объектами этой формы. Для задания точного имени объекта используется точечная нотация с полным указанием всей цепочки наследования объекта. Наиболее общий объект высшего уровня находится слева в выражении, и слева направо происходит переход к более частным объектам, являющимся при этом наследниками высших в иерархии объектов.
Кроме этих классов объектов, пользователь может создавать и свои собственные. Но обычно большинство программ используют эту систему классов и не создают новых.
Объект navigator
Этот объект применяется для получения информации о версиях. Синтаксис:
navigator.name_properties
Методы и события, догадаться не определены для этого объекта. Да и свойства только для чтения, так как ресурс с информацией о версии недоступен для редактирования.
37
Свойства
•appCodeName - кодовое имя браузера;
•appName - название браузера;
•appVersion - информация о версии браузера;
•userAgent - кодовое имя и версия браузера;
Ниже приведен пример использования объекта navigator.
<html>
<head>
<title> navigator </title> <script language="javascript">
var firstn = window.prompt("Введите ваше имя:","ваше имя") function welcome(){
var appname=navigator.appName var appver=navigator.appVersion
window.alert ("Привет, " + firstn + ". Вы используете " + appname + ". Версия " + appver + ". Спасибо за визит.");
}
function writename(){ document.write (firstn + ".");
}
</script>
</head>
<body onLoad="welcome ()">
Добро пожаловать,
<script language="JavaScript"> Writename ();
</script>
</body>
</html>
Объект window
Объект window создается автоматически при запуске браузера, так как для отображения документа необходимо окно. Одно из назначений объекта окна - это создание нового окна. Новое окно браузера создается с помощью метода window.open(). Метод window.open() имеет ряд дополнительных аргументов, которые позволяют задать местоположение окна, его размер и тип, а также указывают, должно ли окно иметь полосы прокрутки, полосу команд и т. п. Помимо этого можно задавать и имя окна.
В общем виде данный метод можно представить следующим образом: window.open('url', 'name', 'parameters')
Рассмотрим синтаксис более подробно:
• Первый параметр метода window.open() - это url документа, загружаемого в окне. Если его не заполнить, то окно останется пустым.
38
•Второй параметр определяет название окна (name). Это имя может использоваться для обращения к созданному окну.
•Третий параметр представляет список необязательных опций, разделенных запятой. С их помощью Вы определяете вид нового окна: наличие в нем панелей инструментов, строки состояния и других элементов.
Приведем таблицу с описанием параметров нового окна, задаваемого третьим параметром (parameters) метода open().
|
|
|
|
Таблица 1.9 |
|
Параметр |
Значение |
|
|
Описание |
|
|
|
|
|
|
|
fullscreen |
1 |
0 |
|
указывает, показывается ли новое |
|
|
|
|
|
окно на полный экран или как |
|
|
|
|
|
обычное окно. По умолчанию |
|
|
|
|
|
показывается обычное окно |
|
|
|
|
|
|
|
channelmode |
1 |
0 |
|
Позволяет указать отображается ли |
|
|
|
|
|
полоса каналов |
|
|
|
|
|
|
|
toolbar |
1 |
0 |
|
Позволяет указать отображается ли |
|
|
|
|
|
полоса кнопок |
|
|
|
|
|
|
|
location |
1 |
0 |
|
Позволяет указать отображается ли |
|
|
|
|
|
полоса для ввода адреса |
|
|
|
|
|
|
|
directories |
1 |
0 |
|
Позволяет указать отображается ли |
|
|
|
|
|
полоса выбора каталогов |
|
|
|
|
|
|
|
status |
1 |
0 |
|
Позволяет указать отображается ли |
|
|
|
|
|
полоса статуса |
|
|
|
|
|
|
|
menubar |
1 |
0 |
|
Позволяет указать отображается ли |
|
|
|
|
|
полоса меню |
|
|
|
|
|
|
|
scrollbars |
1 |
0 |
|
Позволяет указать отображается ли |
|
|
|
|
|
полос прокрутки |
|
|
|
|
|
|
|
resizable |
1 |
0 |
|
Позволяет указать может ли окно |
|
|
|
|
|
изменять свой размер |
|
|
|
|
|
|
|
width |
1 |
0 |
|
Задает ширину окна в пикселях. |
|
|
|
|
|
Минимальное значение - 100 |
|
|
|
|
|
|
|
height |
1 |
0 |
|
Задает высоту окна в пикселях. |
|
|
|
|
|
Минимальное значение - 100 |
|
|
|
|
|
|
|
top |
1 |
0 |
|
Задает вертикальную координату |
|
|
|
|
|
левого верхнего угла окна |
|
|
|
|
|
|
|
left |
1 |
0 |
|
Задает горизонтальную координату |
|
|
|
|
|
левого верхнего угла окна |
|
|
|
|
|
|
|
|
|
|
39 |
|
|