Встроенные объекты Array, Date, Math

Объект Array

Массив является объектом и имеет ряд свойств и методов. Единственным свойством массива является length, которое показывает количество элементов, содержащихся в массиве.

Ниже описаны основные методы массивов:

concat([item1 : { Object | Array } [, ... [, itemN : { Object | Array }]]]]) : Array – возвращает массив, состоящий из исходного массива и любого количества новых элементов;

join(separator : String) : String – возвращает строку, содержащую все элементы массива, разделенные строкой;

pop() : Object – удаляет последний элемент массива и возвращает его;

push([item1 : Object [, ... [, itemN : Object]]]) : Number – добавляет в конец массива новые элементы; если один из аргументов – массив, он добавляется как один элемент;

shift() : Object – удаляет первый элемент массива и возвращает его;

sort(sortFunction : Function ) : Array – возвращает отсортированный массив;

unshift([item1 : Object [, ... [, itemN : Object]]]) : Array – добавляет один или больше новых элементов в начало массива.

Объект Date

Объект Date предоставляет набор методов для работы с датой и временем.

Текущее время в объекте Date берется из операционной системы. Дата и время в объекте Date хранятся в виде числа, показывающего количество миллисекунд, прошедшее с 1 января 1970 года. Также следует помнить, что нумерация месяцев и дней недели начинается также с нуля, нулю соответствует воскресенье.

У объекта Date два конструктора с разными наборами параметров:

function Date( [dateVal : { Number | String } ] ) – если тип параметра – число, оно воспринимается как количество миллисекунд с 1 января 1970 года; если строка, то она преобразуется в соответствии с шаблоном "month dd, yyyy hh:mm:ss";

function Date( year : int, month : int, date : int[, hours : int [, minutes : int [, seconds : int [, ms : int]]]] ) – в качестве параметров передается год, месяц и день, в качестве необязательных параметров может передаваться время.

Если при создании экземпляра объекта Date никаких параметров не передается, то этому экземпляру присваивается текущая дата.

Приведем некоторые методы объекта Date. Они начинаются с префикса set и устанавливают определенные значения. Существует также аналогичный набор методов с префиксом get, который возвращает атрибуты объекта Date.

setDate(numDate : Number) – устанавливает день в месяце, если устанавливаемое значение больше количества дней в месяце, то устанавливается следующий месяц и день, равный numDate минус количество дней в текущем месяце. Например, если текущая дата 10 января 2008 года и в setDate() передается число 33, то дата станет 2 февраля 2008 года. Если в setDate() передается отрицательное значение, то поведение в этом случае аналогично;

setFullYear(numYear : Number [, numMonth Number [, numDate Number]]) – устанавливает год, в качестве необязательных параметров можно указать месяц и день;

setHours(numHours : Number [, numMin : Number [, numSec : Number [, numMilli : Number ]]]) – устанавливает часы, необязательными параметрами являются минуты, секунды и миллисекунды;

setMilliseconds(numMilli : Number) – устанавливает миллисекунды;

setMinutes(numMinutes : Number [, numSeconds : Number [, numMilli : Number]]) – устанавливает минуты, необязательными параметрами являются секунды и миллисекунды;

setMonth(numMonth : Number [, dateVal : Number]) – устанаваливает месяц, необязательный параметр – день от начала месяца;

setSeconds(numSeconds : Number [, numMilli : Number]) – устанавливает секунды, необязательный параметр – миллисекунды;

setTime(milliseconds : Number) – устанавливает время в миллисекундах, прошедших с 1 января 1970 года.

Важное значение имеет метод parse, который преобразует дату в строку по заданному шаблону. Для более подробной информации по преобразованию даты в строку смотрите MSDN Library.

<title>Clock</title>

function clockform()

{d=new Date();

time=d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();

document.formcl.fclock.value=time;

setTimeout("clockform()",100); }

</script>

</head>

</form> </center>

</body></html>

Объект Math

Объект Mathсодержит в себе набор констант и методов, расширяющих базовые арифметические операции.

Невозможно создать экземпляр объекта Math, так как он является статиче-
ским и создается автоматически во время выполнения скрипта.

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

alert(Math.pow(10,3));

//выведет 1000

<html>

<head>

<title>Функция вычисления площади круга </title>

</head>

<body>

function sq(r) {

document.write("Задали r= ", r ,

" для функции.","<BR>")

return Math.PI*r * r;

}

var r=2;

document.write("Площадь круга равна ",sq(r),".")

</script>

</body> </html>

Объекты window и document

Объектная модель JavaScript предоставляет возможность работы с объектами, зависящими от браузера (window,navigator,location и т.д.) и объектами, относящимися к HTML-документу (document,forms,frames и т.д.);

Ниже представлена схема документа, которая позволяет манипулировать свойствами и структурой документа.

$Встроенные объекты Array, Date, Math - student2.ru$

Объект windowявляется объектом верхнего уровня в иерархии JavaScript. Ссылки self и window являются синонимами для текущего окна. Вы можете закрыть текущее окно, используя window.close() или self.close().Ссылка top указывает на самое верхнее окно, а parent ссылается на окно, содержащее frameset. Когда вы открываете или закрываете окно внутри события, необходимо определить window.open() или window.close() вместо open() или close(), так как вызов close()

В следующем примере рассмотрим использование метода window.open() для открытия минимизированного окна.

<title> Минимизация окна </title>

function makeicon()

{

window.open("pr1.htm","icon", //открытие окна

"resizable=yes,scrollbars=yes,width=50,height=70");

window.close(); //закрытие старого окна

}

</script>

</head><body>

<h1>minimize page</h1>

</form>

</body></html>

Метод open() открывает новое окно web-браузера. Синтаксис:

[windowVar=][window].open("URL", "winName", "windowFeatures"])

windowVar – имя нового окна; URL определяет URL, открываемый в новом окне; winName – имя окна; windowFeatures – список через запятую любых из следующих опций или значений:

toolbar[=yes | no] – создает стандартные рабочие инструменты с такими кнопками, как "Back" и "Forward";

location[=yes | no] – создает поле ввода Location;

directories status[=yes | no] – создает строку состояния внизу окна;

menubar[=yes | no] – создает меню вверху окна;

scrollbars[=yes | no] – создает горизонтальную и вертикальную прокрутки, когда документ больше, чем размер окна;

resizable[=yes | no] – позволяет пользователю изменять размер окна;

width=pixels,height=pixels – размеры окна в пикселях.

Опции разделяются запятой. Не делайте пробелов между опциями!

Следующие объекты являются наследниками объекта window: document,frame,location.

Методы:alert(),confirm(),prompt(),open(),close(),setTimeout(),ClearTimeout(). События: onLoad,onUnload .

В систему введено свойство opener, которое определено для текущего окна или фрейма, а методы blur и focus распространены на работу с окнами. Свойство opener определяет окно документа, который вызвал открытие окна текущего документа. Свойство определено для любого окна и фрейма. Если нужно выполнить некоторые действия по отношению к окну, открывшему данное окно, то можно использовать выражение типа: window.opener.[method]. Например, если требуется закрыть окно-предшественник, то можно выполнить метод close(): window.opener.close()

Можно менять и другие свойства объектов в окне-предшественнике. Например, для окна-предшественника определить голубой цвет в качестве цвета фона: window.opener.document.bgColor ='cyan'

Следующий пример переназначает для текущего окна окно-предшественник:

window.opener= new_window

Объект Document

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

<title> Список используемых на странице тегов </title>

function findtags()

{var tag;

var tags="страница содержит следующие теги";

for(i=0;i<document.all.length;i++)

{tag=document.all(i).tagName;

tags=tags+"\r"+tag;}

alert(tags);

return tags;}

</script>

</head>