Программисты.kz > Версия для печати

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

Итак объектная модель представляет собой совокупность:

объектов;
свойств;
методов;
событий;
коллекций.

Все эти пять понятий взаимно увязаны между собой. Рассмотрим эту взаимосвязь на примере объекта

window.

Итак, у объекта window имеются следующие свойства:

clientInformation, closed, defaultStatus, dialogArguments, dialogHeight, dialogLeft, dialogTop, dialogWidth, document, event, history, length, location, name, navigator, offscreenBuffering, opener, parent, returnValue, screen, self, status, top

К методам объекта window относятся:

alert, blur, clearInterval, clearTimeout, close, confirm, execScript, focus, moveBy, moveTo, navigate, open, prompt, resizeBy, resizeTo, scroll, scrollBy, scrollTo, setInterval, setTimeout, showHelp, showModalDialog

Среди событий объекта window следует выделить:

onbeforeunload, onblur, onerror, onfocus, onhelp, onload, onresize, onscroll, onunload

А элемент коллекции объекта window всего один:

frames

Уже даже с помощью всего лишь одного объекта window можно значительно оживить страничку. Поэтому изучению этого объекта мы уделим несколько разделов.

А теперь попробуем воспользоваться имеющимся набором средств. Скопируйте и протестируйте следующий HTML документ:


 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <title>Позиция курсора мыши </title>

 <SCRIPT LANGUAGE="JScript">
 <!--
function setStatus()
{
window.status = "Загружено";
}

function MouseCoord() {
    window.status = "X=" + window.event.x + " Y=" + window.event.y;
    document.title = "Позиция курсора (" + window.event.x + ", 
" + window.event.y + ")";
}

-->
 </SCRIPT>
 </head>
 <body onLoad="setStatus()" onmousemove="MouseCoord()">
 <h3 align=center>Следите за позицией курсора мыши в строке 
                       состояния и заголовке страницы. </h3>
 </body>
 </html>

А в следующий раз мы его рассмотрим вместе.
Источник: web-brodilka.ru

Объектная модель