WWW.DISSERS.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА

   Добро пожаловать!

Pages:     | 1 ||

«Николенко Д. В. ...»

-- [ Страница 2 ] --

data Массив адресов URL тех объектов, которые были перетащены, со бытие DragDrop (перетаскивание) layerX Горизонтальное положение курсора относительно слоя в пикселях. В сочетании с событием Resize это свойство определяет ширину окна броузера layerY Вертикальное положение курсора относительно слоя в пикселях. В сочетании с событием Resize это свойство определяет высоту окна броузера modifiers Строчка, определяющая признаки: ALT_MASK, CONTROL_MASK, META_MASK, SHIFT_MASK pageX Горизонтальное положение курсора относительно окна броузера в пикселях pageY Вертикальное положение курсора относительно окна броузера в пикселях screenX Горизонтальное положение курсора относительно экрана в пикселях screenY Вертикальное положение курсора относительно экрана в пикселях target Строка, указывающая объект, которому направляется данное событие type Строка, задающая тип события which ASCII значение нажатой клавиши или номер кнопки мыши х Эквивалентно layerX у Эквивалентно layerY События в JavaScript 1. Перехват событий Еще одно важное свойство — это возможность перехвата событий. Если Вы, например, щелкаете кнопку мыши, то происходит событие Click, и выполняется инструкция, указанная в средстве обработки события onClick.

При помощи перехвата событий можно сделать так, что окно, документ или слой "перехватят" данное событие до того, как оно будет обработано.

Рассмотрим пример, чтобы понять, что в этом свойстве есть полезного.

<а href="test.htm">Нажмите эту ссылку После нажатия на ссылку происходит перехват события Click 102 Java Script Как только перехват был обработан произошел переход по указанной ссылке В этом примере (пример загружается в отдельное окно) после того, как мы нажмем указанную ссылку, появляется новое окно с предупреж дением "Объект window перехватил событие Click. В окне "Предупреж дение" содержится кнопка "ОК". После того, как мы щелкаем эту кнопку, происходит переход по указанной ссылке. Здесь мы не описыва ли средство обработки события внутри ярлыка <а>, вместо этого мы написали строчку:

window.captureEvents(Event.CLICK);

Это позволило нам перехватить событие Click при помощи объекта window. При обычных обстоятельствах объект window "не знаком" с событием Click, но при помощи свойства перехвата мы имеем возмож ность перенаправить это событие и связать его с объектом window.

Заметьте, что мы пишем Event.CLICK, здесь CLICK должно быть написано заглавными буквами. Если существует необходимость осуще ствить захват нескольких событий, то эти события должны быть пере числены и отделены друг от друга вертикальной чертой "|". Вот пример:

window.captureEvents(Event.CLICK | Event.MOVE);

Здесь мы записали инструкцию return true;

внутри функции handle(), которую мы указали как функцию, служащую средством обработки со бытия onClick. Это означает, что броузер перейдет по указанной ссылке сразу после выполнения функции handle(). Если же мы напишем вместо События в JavaScript 1.2 return true строчку return false, то все действия, которые должны были произойти при наступлении события Click, не будут выполнены.

Если мы определим средство обработки событий onClick внутри ярлыка <а>, то мы увидим, что в этом случае наше средство обработки события не будет работать. Это очевидно, поскольку объект window перехватывает событие перед тем, как он обращается к объекту ссылки (link) Если мы опишем функцию handle() таким образом:

function handle(e) { alert ("The window object captured this event!");

window.routeEvent(e);

return true;

} то компьютер будет проверять, существуют ли для данного события еще иные средства обработки. Переменная е — это наш объект Event, который передается посредством нашей функции handle(e).

Мы также имеем возможность осуществлять пересылку событий пря мо какому-либо конкретному объекту. Для этого мы можем использовать метод handleEvent(). Пример выглядит так:

Щелкните эту ссылку

">Вторая ссылка 104 Java Script На странице предложены две ссылки. Однако после того, как будет перехвачено событие Click (нажать мышку можно в любой части окна броузера), переход по ссылке будет обработан Осуществлен перехват события Click События в JavaScript 1. Произведен переход в соответствии с инструкциями JavaScript Все события Click будут направлены на вторую ссылку, даже в том случае, если Вы не нажимаете эту ссылку непосредственно!

Следующий пример показывает, что программа может реагировать на события, связанные с нажатиями клавиш. Запишите эту программу (или нажмите кнопку для загрузки примера) и загрузите в броузер.

Для проверки ее работы нажмите какую-либо клавишу на клавиатуре или на мышке.

106 Java Script При нажатии клавиши на экран выводится окно, содержащее значение этой клавиши.

При нажатии клавиши на экране будет всплывать окно-предупрежде ние, содержащее строчку "Нажата клавиша, ее ASCII значение:...", вместо точек будет указано ASCII значение нажатой клавиши.

ПЕРЕТАСКИВАНИЕ ОБЪЕКТОВ • Что такое перетаскивание?

• События Mouse и JavaScript 1. • События MouseDown, MouseMove и MouseUp • Изображение перетаскиваемых объектов на экране • Кидание объектов Что такое перетаскивание?

Перетаскивание — перевод английского термина drag & drop. Пере таскивание — это выбор элемента при помощи нажатия кнопки маши и перемещение этого элемента в новое место, при этом кнопка мыши удерживается в нажатом положении и отпускается лишь тогда, когда перетаскиваемый элемент (курсор) находится там, куда предполагается перетащить выбранный элемент. Поскольку JavaScript имеет возмож ность работы со слоями, и обработка событий здесь организована более гибким образом, то при помощи этой версии языка появляется возмож ность организовать перетаскивания.

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

В следующем примере представлен простой набор нескольких объек тов. Нажмите на кнопку, после этого произойдет загрузка программы в ваш броузер, и попробуйте поперетаскивать по окну эти объекты. Если Вы читаете текстовую версию, создайте новый HTML файл с текстом HTML-странички, который приведен ниже.

108 Java Script Установив указатель мыши на любой из объектов и удерживая кнопку мыши в нажатом положении, мы можем переместить этот объект в любое место в окне броузера Перетаскивание объектов JavaScript не поддерживает перетаскивания в явном виде, т.е. в языке нет такого свойства, котором бы описывалось перетаскивание. У объекта Image нет свойства, назовем его например, dragging, задавая которое можно было бы легко и просто осуществлять перетаскивания. Для того, чтобы организовать перетаскивание, необходимо написать программу.

Радует то, что программа эта не будет сложной.

Итак, что потребуется сделать?

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

Второе — это то. как мы будем отображать перетаскиваемый объект на экране. Конечно, для решения данной задачи нам пригодятся рас смотренные в предыдущих главах слои. Каждый объект будет располо жен на своем собственном слое.

События Mouse и JavaScript 1. Итак, какие события мы будем использовать? В нашем распоряже нии нет события, которое в явном виде задавало бы перетаскивание, однако мы можем достичь своей цели, используя события MouseDown, MouseMove и MouseUp. Если пользователь нажмет где-нибудь в окне броузера кнопку мыши, то наша программа должна будет прореагировать на это событие и определить, на каком объекте (на каком слое) находит ся указатель мыши в момент нажатия кнопки. Нам нужны координаты данного события. Для этого мы имеем объект Event, с помощью его свойств мы легко можем получить координаты события.

Второй важный момент — это то, что мы имеем возможность орга низовать захват события. Если мы, скажем, нажимаем кнопку, то собы тие нажатия кнопки посылается сразу непосредственно объекту button.

Но в нашем случае нам необходимо сделать так, чтобы объект window смог обработать наступившее событие {нажатие кнопки мыши). Мы создаем ситуацию, когда объект window получает захваченное событие и реагирует на него. Следующий пример показывает, как это происходит в случае с событием Click. Вы можете щелкнуть мышью в любом месте в пределах окна броузера, в ответ появится новое окно с предупреждени ем, в котором будут указаны координаты мыши, т.е. координаты места щелчка мышью, Java Script Щелкнув мышью в окне броузера, мы получим координаты положения указателя мыши во время щелчка Так выглядит текст программы:

Щелкните где-нибудь в окне броузера.

Первое, что мы потребовали от объекта window, — это осуществить перехват события Click. Для этого мы использовали метод captureEvent().

Строчка window.onclick= displayCoords;

задает то, что будет происходить в случае наступления события Click. Эта инструкция сообщает броузеру, что в случае наступления события Click необходимо вызвать функцию displayCoords(). Здесь при описании сред ства обработки события не следует использовать скобки после выраже Перетаскивание объектов ния displayCoords, поскольку здесь мы описываем средство обработки события, передавая ему лишь имя функции, но не саму функцию.

Функция display Coords() выглядит следующим образом:

function displayCoords(e) { al ert ("x: " + е.pageX + " у: " + е.pageY);

} Мы видим, что функция имеет один аргумент е. Это объект Event, который передается этой функции для обработки. У этого объекта есть свойства pageX и pageY, которые содержат значения координат данного события. Окно предупреждения выводит на экран именно эти значения.

События MouseDown, MouseMove и MouseUp Теперь продемонстрируем, как работают другие события, при помо щи которых мы собираемся организовать перетаскивания. Следующий пример показывает, как можно использовать событие MouseMove. При перемещении мыши по окну броузера мы можем видеть координаты курсора в строке состояния.

Б панели состояния показаны координаты указателя мыши В панели состояния показаны координаты мыши Java Script Текст программы очень сильно похож на текст предыдущего примера:

Координаты мыши показаны в строке состояния.

Здесь необходимо писать выражение Event MOUSEMOVE, причем MOUSEMOVE должно быть написано заглавными буквами. Однако при определении средства обработки события мы должны использовать строч ные буквы: window.onmousemove— displayCoords.

Сейчас мы уже можем объединить эти два примера вместе. Координа ты указателя мыши будут показаны в строке состояния до тех пор, пока мышь будет передвигаться с нажатой кнопкой. Пример выглядит так:

Координаты мыши в этом случае видны только тогда, когда нажата кнопка мыши Перетаскивание объектов Текст программы:

Нажмите кнопку и перемещайте мышь по экрану.

Координаты мыши показаны в строке состояния.

Здесь мы, как это было и в предыдущих примерах, первым делом заставляем объект window перехватить события. Сейчас перехватываемы ми событиями являются события MouseDown и MouseUp:

window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);

В скобках мы использовали значок | для разделения событий, его значение — логическое "или", будет происходить захват любого из этих двух событий. Следующие две строчки определяют средства обработки этих событий:

window.onmousedown= startDrag;

window.onmouseup= endDrag;

Следующая строчка определяет еще одно средство обработки собы тия MouseMove. Она указывает, что будет происходить при движении мыши:

window.onmousemove= moveIt;

Однако мы не определили Event.MOUSEMOVE, а значит это событие не будет захвачено объектом window. И кажется, что мы зря обращаемся к функции moveIt при помощи той строчки, что написана выше, по скольку событие MouseMove не достигнет объекта window. He спешите, 114 JavaScript посмотрите на функцию startDrag(), обращение к ней происходит сразу же после того, как наступит событие MouseDown:

functi on st art Drag(e) { window.captureEvents(Event.MOUSEMOVE) ;

} Сейчас мы видим, что объект window наделяется возможностью осуществлять перехват событий MouseMove сразу после того, как нажи мается кнопка мыши. Мы должны позаботиться и о том, чтобы объект window не смог захватывать событие MouseMove после того, как кнопка мыши была отпущена. Это делает функция endDrag(), в которой исполь зован метод releaseEvents():

functi on endDrag(e) { window.releaseEvents(Event.MOUSEMOVE);

} Функция moveIt() также показывает координаты мыши в строке состояния.

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

Изображение перетаскиваемых объектов на экране В предыдущих частях мы уже познакомились с тем, как можно созда вать движущиеся объекты при помощи слоев. Сейчас нам необходимо лишь написать программу, которая будет определять, над каким слоем произошло нажатие кнопки мыши, затем нужно лишь заставить этот слой двигаться вместе с мышью. Это можно сделать следующим образом:

Object 0 Object 1 Object 2 116 Java Script Мы задали три слоя, которые описаны в теле страницы после ярлыка . После того, как вся страница будет загружена, происходит обращение к функции init(), которая вызывается средством управления событием onLoad, которое мы расположили в ярлыке :

function init() { dragObj[0]= document.layers["layer0"] ;

dragObj[1]= document.layers["layer1"] ;

dragObj[2]= document.layers["layer2"] ;

} Массив dragObj содержит три слоя, которые могут быть перемещены по желанию пользователя. Каждый слой имеет свой номер, соответству ющий номеру элемента массива dragObj. В дальнейшем нам эти номера пригодятся. Для захвата событий мы использовали в точности такой же фрагмент программы, что был приведен в только что рассмотренном нами примере:

window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);

window.onmousedown= startDrag;

window.onmouseup= endDrag;

window.onmousemove= moveIt;

В функции startDrag() добавлены строчка:

currentObj = whi chObj (e);

Функция whichObj() определяет тот объект, который был выбран пользователем, т.е. тот объект, на котором щелкнула мышка. Функция возвращает число — номер слоя. Если не выбран ни один слой, то функция возвращает значение null. Возвращаемое значение хранится в переменной currentObj.

В функции whichObj() осуществляется проверка значений свойств left, top, width и height каждого слоя. С помощью такой проверки происходит определение того, какой слой был выбран щелчком мыши.

Кидание объектов Перетаскивание объектов состоит из двух частей Первая часть — это собственно перемещение объекта. Вторая часть — это бросание объекта, кидание его в новом месте. Для того чтобы избавиться от ненужного фала, мы перетаскиваем его к корзине и затем кидаем его в корзину (отпускаем клавишу мыши). Пока мы не рассмотрели вопрос о том, как правильно кинуть предмет. Правильно кинуть — это тоже важно. Пред положим, что мы хотим создать виртуальный магазин. Пользователю необходимо разместить несколько приобретаемых предметов в своей Перетаскивание объектов корзине. Мы должны знать, что пользователь кинул эти предметы в свою корзину, т.е. имеет намерение оплатить их.

Как определить, кинул покупатель предметы в корзину или нет? Для этого нам нужно знать координаты объекта непосредственно после со бытия MouseUp. Для этого нам необходимо добавить несколько инструк ций в функцию endDrag(). Мы, например, можем установить проверку того, попадают ли координаты мыши в пределы установленной прямоу гольной области (соответствующей корзине), если координаты попадают в эту область, то можно, например, осуществить обращение к функции, которая регистрирует факт покупки путем, скажем, размещения покупа емых объектов в массиве. Демонстрируя элементы этого массива, мы показываем предметы, расположенные в корзине.

Конечно, наша программа не лишена недостатков. Может показаться странным, что перетаскиваемый объект вдруг оказывается позади поко ящегося объекта. Эту задачу можно решить, если изменить порядок следования объектов, задав новый порядок внутри функции startDrop().

Конечно, объекты в виде красной, синей и зеленой фигур — это не лучший пример. Вы можете использовать более изящные картинки, описав их при помощи ярлыка . Более того, в пределах каждого слоя можно использовать и любые другие объекты.

НЕКОТОРЫЕ ОБЪЕКТЫ, МЕТОДЫ, СВОЙСТВА В JAVASCRIPT • Объект Ссылка • Объект Applet • Объект Array — Массив • Объект document • Объект Form • Объект Frame • Объект window • Объект Layer • Заключение Объект Ссылка Способ создания Может быть создана с использованием ярлыка <а> или путем вызова метода String.anchor. При создании ссылки по второму методу использу ется строка theString.anchor(nameAttribute). Здесь:

theString строковый объект nameAttribute строка При определении объекта ссылки с помощью ярлыка <а> использу ется стандартный синтаксис HTML. Если будет задано имя Ссылки, то обращение к ней может быть осуществлено с помощью индексированно го массива с указанием этого имени.

Описание Объект Ссылка Anchor является также объектом Link. Он учитывает ся в массиве объектов Anchor и в массиве объектов Link.

Свойства name Строка, представляющая собой имя Ссылки text Текст, по которому предоставляется возможность Ссылки х Горизонтальное положение Ссылки в пикселях по отношению к левому краю документа у Вертикальное положение Ссылки в пикселях по отношению к верх нему краю документа Методы С этим объектом могут использоваться методы watch и unwatch.

Некоторые объекты, методы, свойства Объект Applet Используется для включения Java-апплета в веб-страницу.

Создается при помощи ярлыка. Для каждого включенно го в веб-страницу апплета создается свой собственный объект, объекты образуют массив document.applets. Доступ к апплету может быть осуще ствлен с помощью индексации этого массива.

Объект Array— Массив Объект создается при помощи таких строчек:

new Array(arrayLength) new Array(eletnent0, element1,..., elementN) Параметры arrayLength.. Начальная длина массива. Эта величина может быть вызвана путем обращения к свойству length. Если в указанном свойстве будет содер жаться величина, не являющаяся числом, то будет создан массив, длина которого равна единице.

elementN Список значений элементов массива. Когда используется такой спи сок, то создается массив, элементы которого инициализированы ука занными в списке значениями, а длина массива равна количеству указанных в списке значений.

Свойства constructor...Описывает функцию, которая создает прототип объекта length Соответствует количеству элементов массива prototype Позволяет вводить дополнительные свойства объекта Методы concat Объединяет два массива и возвращает новый массив join Объединяет все элементы массива в строку pop Удаляет последний элемент из массива и возвращает этот элемент в качестве значения push Добавляет один или несколько элементов к концу массива и возвра щает длину нового массива reverse Переставляет элементы массива, меняя направление, первый эле мент массива становится последним, а последний — первым shift Удаляет первый элемент массива и возвращает этот элемент в каче стве значения slice Выделяет фрагмент массива и возвращает новый массив splice Добавляет и/или удаляет элементы массива sort Осуществляет сортировку элементов массива toSource Возвращает литерал того или иного массива, может быть использо ван для создания нового массива 120 Java Script toString Возвращает строку, соответствующую массиву и его элементам unshift Добавляет один или несколько элементов, присоединяя их к началу массива, и возвращает длину нового массива valueOf Возвращает значение массива Объект document В этом объекте содержится информация о текущем документе и используются методы, позволяющие установить вид документа на основе кода HTML. Объект может быть создан при помощи ярлыка . Для каждой HTML-страницы создается свой объект document. Каждый объект window обладает свойством object, значением которого является загру женный в окно объект document. При создании объекта document в ярлыке могут быть заданы те или иные средства обработки событий.

Средства обработки событий • onClick • onDblClick • onKeyDown • onKeyPress • onKeyUp • onMouseDown • onMouseUp Эти средства обработки событий указываются в ярлыке , однако они относятся к объекту window. Новый документ может быть загружен путем обращения к свойству window.location. Закрыть панель с документом и удалить весь текст, формы и т.д. можно при помощи следующих инструкций:

document.close();

document.open();

document.write();

Свойства alinkColor Строка, задающая параметр для ALINK anchors Массив, содержащий все Ссылки документа applets Массив, содержащий все апплеты документа bgColor Строка, задающая параметр BGCOLOR classes Создает объект стилей Style, который может задавать стили для HTML cookie Задает cookie domain Задает имя сервера, соответствующего документу Некоторые объекты, методы, свойства embeds Массив всех плагинов в документе fgColor Строка, задающая параметр fgColor для текста formName Свойство для каждой именованной формы в документе forms Массив всех форм, содержащихся в документе height Высота документа в пикселях ids Создает объект Style images Массив всех изображений, содержащихся в документе lastModified... Строка, указывающая дату последнего изменения документа layers Массив всех слоев, содержащихся в документе linkColor Строка, задающая цвет текста Ссылки links Массив всех ссылок, содержащихся в документе plugins Массив всех плагинов, содержащихся в документе referrer Строка, содержащая URL вызывающего документа tags Создает объект Style title Строка, которая задает заголовок в ярлыке TITLE URL Строка, которая содержит полный URL документа vlinkColor Строка, которая задает параметр VLINK width Ширина документа в пикселях Методы captureEvents Устанавливает возможность захвата всех событий указанного типа close Закрывает поток вывода и показывает данные contextual Использует возможность контекстного отбора getSelection... Возвращает строку, содержащую текст текущего выбора handleEvent...Активизирует средство обработки того или иного события open Открывает поток вывода для методов write и writeln releaseEvents. Устанавливает состояние документа или окна осуществлять захва ченные события заданного вида routeEvent Передает захваченные события в соответствии с обычной иерархией write Записывает одно или несколько HTML выражений в документ, расположенный в заданном окне writeln Записывает одно или несколько HTML выражений в документ, распо ложенный в заданном окне и добавляет символ перевода строки 122 Java Script Объект Form Позволяет использовать формы для ввода текста и осуществления выбора с использованием таких элементов, как поля для галочек, радио кнопки, списки для выбора. Формы могут также использоваться для передачи данных серверу.

Создается при помощи ярлыка

. Для каждой формы в документе создается свой собственный объект FORM.

Средства обработки событии • onReset • onSubmit Описание Каждая форма в документе — это отдельный объект. К этому объекту можно обратиться либо при помощи имени, задав его с использованием свойства NAME, или с использованием массива объектов форм Form.elements. Массив элементов включает в себя все элементы, такие как checkbox, radio, text.

Свойства action Задает свойство ACTION elements Массив всех элементов формы encoding Задает свойство ENCTYPE length Задает количество элементов в форме method Задает свойство METHOD name Задает свойство NAME target Задает свойство TARGET Методы handleEvent...Активизирует средство обработки события reset Имитирует нажатие кнопки reset в форме submit Посылает форму Некоторые объекты, методы, свойства Объект Frame В окне броузера может быть показано несколько независимых фрей мов, в каждом из которых может быть представлен документ со своим собственным независимым URL. Фреймы создаются при помощи ярлы ка , который используется внутри фрагмента, открытого с помо щью другого ярлыка — ярлыка . Набор всех фреймов образует законченную страничку. Каждый фрейм может быть направлен для заг рузки своего собственного URL, а также в него можно загрузить URL по указанию из другого фрейма, расположенного на той же страничке (в том же основном окне броузера).

В JavaScript к фреймам происходит обращение, как к объектам window. Каждый фрейм — это объект window.

Объект window Объект window описывает окно броузера или фрейм. Этот объект является объектом top-level для всех объектов document.location и history.

Если появляется ярлык или , то для каждого тако го ярлыка создает свой собственный (или несколько) объект window. Для каждого ярлыка создается объект window. Объект window также можно создать, вызвав метод window.open.

Средства обработки событий • onBlur • onDragDrop • onError • on Focus • onLoad • onMove • onResize • onUnload В иерархии объектов JavaScript объект window является самым стар шим объектом.

• К объекту окна свойства parent и top могут быть применены, однако они указывают на само это окно. Для фреймов свойство top указывает на самое главное (основное) окно броузера, a parent указывает на родительское окно внутри главного окна броузера.

• Для окна верхнего уровня свойства defaultStatus и status задают текст, который появится в строке состояния. Для фреймов эти свойства зада ют статус фрейма, который будет показан только в том случае, если указатель мыши находится над данным окном фрейма.

• Метод close не используется для окон фреймов.

• Для того, чтобы использовать средства обработки событий onBlur и onFocus, следует задать их (строчные буквы), например, в коде html.

124 Java Script Для всех окно свойства self и window являются синонимами. Напри мер, для закрытия окна можно использовать метод close по отношению либо к свойству window, либо к свойству self.

Свойства closed Определяет, было ли окно закрыто crypto Объект, который позволяет осуществлять доступ к закодированным данным defaultStatus.. Содержит статус, присваиваемый по умолчанию, который будет по казан в панели состояния document Содержит информацию о текущем документе и предоставляет мето ды представления документа пользователю frames Массив фреймов в окне history Содержит информацию об адресах посещенных пользователем страниц innerHeight....Указывает вертикальный размер в пикселях innerWidth Указывает горизонтальный размер в пикселях length Количество фреймов в данном окне location Содержит адрес URL locationbar Представляет панель местоположения для данного окна menubar Представляет панель меню окна броузера name Уникальное имя, присвоенное данному окну, по которому к нему можно обращаться opener Содержит имя окна, из которого произошло открытие данного окна при помощи метода open outerHeight...Содержит вертикальный размер окна в пикселях по внешней грани це окна outerWidth Содержит горизонтальный размер окна в пикселях по внешней границе pageXOffset... Содержит текущее положение по горизонтали демонстрируемой страницы pageYOffset... Содержит текущее положение по вертикали для демонстрируемой страницы parent Синоним для окна или для фрейма, в котором содержится описание для данного фрейма personalbar.... Содержит персональную пользовательскую панель броузера screenX Содержит горизонтальную координату левого края окна screenY Содержит вертикальную координату верхнего края окна scrollbars Представляет панель прокрутки броузера self Синоним для window в текущем окне status Устанавливает приоритет сообщения в панели состояния statusbar Представляет панель состояния окна toolbar Представляет панели инструментов окна top Синоним самого старшего окна броузера window Синоним текущего окна Некоторые объекты, методы, свойства Методы alert Выводит диалоговое окно предупреждения, содержащее текст пре дупреждения и кнопку ОК atob Производит декодирование строки данных, закодированных на ос нове base- back Производит возвращение на один шаг вперед в history blur Удаляет фокус с указанного объекта btoa Создает закодированную в base-64 строку captureEvents Устанавливает захват всех событий определенного типа clearInterval.. Отменяет задержку, установленную с помощью setInterval clearTimeout.. Отменяет установку, которая была сделана с использованием метода setTimeout close Закрывает определенное окно confirm Выводит диалоговое окно подтверждения, содержащее некоторое сообщение, а также кнопки ОК и Cancel crypto.random.. Возвращает псевдослучайную строку символов с указанной длиной в байтах find Позволяет находить указанную текстовую строку в содержимом ука занного окна focus Устанавливает фокус на указанном объекте forward Загружает документ, соответствующий последующему адресу URL в списке history home Направляет броузер к тому URL, который записан в качестве до машней страницы в соответствии с выбором пользователя moveBy Передвигает окно на указанную величину moveTo Передвигает верхний левый угол окна к указанным координатам экрана open Открывает новое окно броузера print Выводит на печать содержимое окна или фрейма prompt Выводит диалоговое окно, содержащее сообщение и окно для ввода текста resizeBy Производит изменение размера окна путем передвижения нижнего правого угла окна на заданную величину resizeTo Производит изменение размера окна в соответствии с указанными размерами внешних границ окна по высоте и ширине scroll Перекручивает окно к указанным координатам scrollBy Перематывает видимую область экрана на указанную величину scrollTo Перекручивает видимую область окна к указанным координатам, указанная точка становится верхним правым углом видимой области setHotKeys.... Включает или выключает специальные комбинации кнопок setInterval Выполняет то или иное действие (выполняет функцию, осуществляет проверку) каждый раз по истечении определенного интервала времени в миллисекундах setResizable Разрешает пользователю производить изменение размеров окна setTimeout Осуществляет то или иное действие (выполняет функцию, осуществляет провер ку) единожды по истечении указанного промежутка времени в миллисекундах stop Останавливает процесс загрузки 126 Java Script Объект Layer Соответствует слоям, расположенным в HTML-документе, позволяет осуществлять манипуляции со слоями.

Слой создается при помощи ярлыков HTML и/или или при использовании каскадных стилей синтаксиса. Для каждого слоя в документе создается свой собственный объект Layer. Все слои в доку менте образуют массив document.layers. Обращение к слою можно осу ществить путем обращения к этому массиву с помощью индексов.

Средства обработки событий • onMouseOver • onMouseOut • onLoad • onFocus • onBlur Свойства above Объект Layer, расположенный над данным объектом или объемлю щее окно, если данный слой является самым высшим background.... Картинка, используемая в качестве фона bgColor Цвет фона слоя below Объект Layer, расположенный ниже данного слоя, или null, если данный слой является самым нижним clip.bottom Нижний край прямоугольника зоны видимости слоя clip.height Верхний край прямоугольника зоны видимости слоя clip.left Левый край прямоугольника зоны видимости слоя clip.right Правый край прямоугольника зоны видимости слоя clip.top Высота зоны видимости clip.width Ширина зоны видимости document Документ, связанный со слоем left Горизонтальное положение левого края слоя в пикселях по отноше нию к родительскому слою name Имя слоя, указанное с помощью свойства ID в ярлыке pageX Горизонтальная координата слоя в пикселях по отношению к стра нице pageY Вертикальная координата слоя в пикселях по отношению к странице parentLayer...Родительский слой, который содержит данный слой, или окно, если нет родительского слоя siblingAbove...Слой, расположенный выше данного слоя в пределах одного роди тельского слоя, или null, если данный слой является самым высоким siblingBeIow... Слой, расположенный ниже данного слоя в пределах одного роди тельского слоя, или null, если данный слой является самым нижним Некоторые объекты, методы, свойства src Строка, указывающая на адрес URL содержимого, расположенного в данном слое top Вертикальное расположение верхнего края слоя в пикселях по отно шению к родительскому слою visibility Является или нет данный слой видимым window Объект window или объект frame, в котором содержится данный слой, вне зависимости от того, содержатся ли в данном слое вложен ные слои х Синоним для layer.left у Синоним для layer.top zIndex Относительный индекс слоя, указывающий его положение по отно шению к соседям Методы captureEvents Устанавливает захват всех элементов заданного типа handleEvent...Активизирует средство обработки события load Изменяет содержимое слоя на содержимое указанного файла moveAbove Фиксирует данный слой поверх указанного слоя без изменения вер тикального и горизонтального положения moveBelow Фиксирует данный слой снизу от указанного слоя без изменения вертикального и горизонтального положения слоя moveBy Изменяет положение слоя на указанные величины смещений в пикселях moveTo Перемещает верхний левый угол окна к указанным координатам на экране moveToAbsolute Изменяет положение слоя и перемешает его к указанным координа там на странице (но не по отношению к родительскому слою) releaseEvents. Освобождает захваченные события указанного типа и осуществляет обработку событий согласно нормальной иерархии resizeBy Изменяет размер слоя в соответствии с указанными величинами, P на которые происходит изменение высоты и ширины в пикселях resizeTo Изменяет размер слоя так, чтобы его высота и ширина равнялись указанным величинам в пикселях routeEvent Передает захваченные события в соответствии с нормальной иерар хией 128 Java Script Заключение Вы прочли пособие по языку JavaScript, познакомились с примерами, почувствовали возможности этого языка. Вы приобрели некоторый опыт создания сценариев и, наверное, ощутили потребность дальнейшего ов ладения возможностями этого языка. Мы рекомендуем Вам продолжать изучение языка JavaScript, углублять полученные знания. Полезными окажутся в этом случае существующие немногочисленные справочные пособия, которые были использованы при создании данной книги и которые могут пригодиться в Вашей дальнейшей работе, например, книга Р. Дарнелла JavaScript. Справочник, выпущенная в издательстве "Питер" в 2000 году.

Всегда самую свежую информацию и нужные сведения, полезность которых невозможно переоценить, Вы найдете в Интернете на сайте разработчика JavaScript по адресу: http://developer.netscape.com/library/ documentation/.

scanned & converted to PDF by BoJloc

Pages:     | 1 ||



© 2011 www.dissers.ru - «Бесплатная электронная библиотека»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.