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

Динамический HTML Делает страницу интерактивной Вместо дополнительных запросов к серверу на действия пользователя реагирует сама страница Сокращается время реакции на действия пользователя Может снизиться нагрузка на сервер

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

Объект window Свойства: closed – закрыто ли окно name – имя окна opener – окно, из которого открыто parent – окно родительского фрейма top – внешний фрейм

Объект window Методы: alert(«сообщение») – выдаёт сообщение confirm(«сообщение») prompt(«сообщение», «нач.знач.») close() open(url, «имя окна», «атрибуты») setTimeout("код", милисекунды) clearTimeout() setInterval()

Создание окон Атрибут target элемента A. Значения: _blank, _self, _parent, _top open(url, «имя окна», «атрибуты») url может быть пустой строкой атрибуты: toolbar, location, directories, status, menubar, scrollbars, resizable, width, height например: 'toolbar=no,location=no,menubar=no,width=200, height=180'

Объект document Свойства: all[] – коллекция (массив) всех элементов cookie location images[] forms[] referrer title bgColor fgColor Методы: write(«текст») writeln(«текст») clear() close() open() blur() getElementById(«id») createElement(«тип») createTextNode («текст»)

Объект location Свойства: protocol host hostname port pathname search – запрос hash – метка (с #) href Методы: reload() replace(url) assign(url)

Объект history Свойства: length Методы: back() forward() go(url или смещение)

Объект navigator Свойства: appName appVersion userAgent appCodeName Методы: javaEnabled()

Объект screen Свойства: width height

Объект event Свойства: type keyCode x, y layerX, layerY, clientX, clientY, pageX, pageY

Объект image Коллекция всех изображений – images[] Свойство src – изменяемое Например: document.images[0].src='second.gif';

Объект типа стиль border borderBottom borderTop borderRight borderLeft borderStyle borderTopColor... borderTopWidth... borderTopStyle... clear color cursor display font fontSize … left top width height

Изменение документа Методы: appendChild(«элемент») removeChild(«элемент») setAttribute(«имя»,«значение») getAttribute(«имя») replaceChild(«новый элемент», «старый элемент») insertBefore(«новый»,«перед каким») childNodes parentNode Добавление элемента newel=document.createElement('div'); newel.setAttribute('align','left'); newel.innerHTML='Текст'; document.body.appendChild(newel);