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

Презентация:



Advertisements
Похожие презентации
Объектная модель документа. Динамический HTML Делает страницу интерактивной Вместо дополнительных запросов к серверу на действия пользователя реагирует.
Advertisements

Введение в JavaScript. Общие сведения Web, как гипертекстовую систему, можно рассматривать с двух точек зрения. Во-первых, как совокупность отображаемых.
Открытое занятие по дисциплине «Web-программирование»
1 Учебный курс Введение в JavaScript и CGI Лекция 1 Введение в JavaScript кандидат технических наук Павел Брониславович Храмцов
JavaScript Особенности работы с окнами window.open(URL, имя_окна, особенности_окна); // или self.open(URL, имя_окна, особенности_окна);
Интерактивность на HTML-страницах. Реакция на действия пользователя Переход по гиперссылке Click мышки на объекте Элементы форм Произвольные события,
1 Учебный курс Введение в JavaScript и CGI Лекция 3 Программирование форм и графики кандидат технических наук Павел Брониславович Храмцов
Объектная модель DOM javascript. Иерархия классов.
Язык гипертекстовой разметки. Copyright Baltazar and Mirron corp.
Разбиение Web-страницы на независимые окна. Кадры (frames) (позволяют разбивать страницу на независемые окна) Позволяет задавать кадровую структуру (страница.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
JavaScript Лекция 8. JavaScript JavaScript - новый язык для составления скриптов, разработанный фирмой Netscape. С помощью JavaScript можно легко создавать.
Язык HTML HyperText Markup Language Язык разметки гипертекста.
Вставка изображений.. Могут размещаться графические файлы трёх форматов GIF, JPG, PNG. Для вставки изображения используется тэг с атрибутом SRC, который.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Таблицы и фреймы По материалам курса University of Washington.
Лекция 9 Тема «Каскадные таблицы стилей » Преподаватель: Халелова Е. Н.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Элективный курс по информатике. Цели урока: создание изображения для веб-страниц; размещение графического изображения на веб-странице;
Транксрипт:

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

Динамический 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»)

Объект 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