Разделы презентаций


ДИНАМИЧЕСКОЕ ИЗМЕНЕНИЕ содержимого Web-страницы

Способы привязки обработчика события к HTML-элементам Подробная информация о прошедшем событии сохраняется в глобальном объекте event до тех пор, пока не произойдет следующее событие Способы привязкиВ теге :По схеме document.getElementById(«id-значение»).событие=функция:document.getElementById(«рис1»).onclick=func1 К одному HTML-элементу можно

Слайды и текст этой презентации

Слайд 1ДИНАМИЧЕСКОЕ ИЗМЕНЕНИЕ содержимого Web-страницы

ДИНАМИЧЕСКОЕ ИЗМЕНЕНИЕ содержимого Web-страницы

Слайд 2Способы привязки обработчика события к HTML-элементам
Подробная информация о прошедшем событии

сохраняется в глобальном объекте event до тех пор, пока не

произойдет следующее событие
Способы привязки
В теге <тег…событие=«программный код»>:

По схеме document.getElementById(«id-значение»).событие=функция:
document.getElementById(«рис1»).onclick=func1
К одному HTML-элементу можно привязать несколько обработчиков событий:

….


Способы привязки обработчика события к HTML-элементам	Подробная информация о прошедшем событии сохраняется в глобальном объекте event до тех

Слайд 3Способы динамического изменения содержимого документов
Изменение содержимого называют динамическим, если оно

происходит без перезагрузки всего документа в браузер.

Способы изменения содержимого:
Изменение свойств

элементов, заданных атрибутами тегов
Изменение свойств объектов, связанных с атрибутами тегов
Изменение стилевых параметров, связанных с атрибутами тегов
Модификация HTML-кода свойством innerHTML
Загрузка нового документа во фреймы
Применение специальных объектов
Способы динамического изменения содержимого документов	Изменение содержимого называют динамическим, если оно происходит без перезагрузки всего документа в браузер.	Способы

Слайд 4Примеры изменения поведения элементов
Изменение свойств HTML-элементов с использованием идентификатора id:
document.getElementByName(“id1”).свойство=значение
или

document.all(“id1”).свойство=значение
имени name:
document.getElementByName(“name1”).свойство=значение
свойства src:

Для сокращения записи

можно использовать объект this, если событие совершается над элементом с программой:



Примеры изменения поведения элементов	Изменение свойств HTML-элементов с использованием идентификатора id:document.getElementByName(“id1”).свойство=значение	или document.all(“id1”).свойство=значение	имени name:document.getElementByName(“name1”).свойство=значение	свойства src:		Для сокращения записи можно использовать

Слайд 5Примеры изменения поведения элементов
Доступ к стилевым свойствам элемента:
document.getElementByName(“id1”).style.свойство=значение
Например,
this.style.fontsize=20px;
Для отключение стиля

CSS используется свойство disabled:
document.getElementById('st1').disabled=true – отключение стиля st1
document.getElementById('st1').disabled=false – восстановление

стиля
Свойство контейнера innerHTML имеет значение, которым является весь HTML-код, заключенный имеет значение, которым является весь HTML-код, заключенный в данном элементе:
document.getElementById("t1").innerHTML=""
Примеры изменения поведения элементов	Доступ к стилевым свойствам элемента:	document.getElementByName(“id1”).style.свойство=значение	Например,this.style.fontsize=20px;	Для отключение стиля CSS используется свойство disabled:	document.getElementById('st1').disabled=true – отключение стиля

Слайд 6Прохождение событий
Информация о событии хранится в объекте event
Элементы HTML образуют

иерархическую структуру вложенности
Щелкая на элементе внутри контейнера мы щелкаем и

по самому контейнеру
Возможна обработка события как «спуск», так и «всплывание» по иерархии вложенных объектов

Распространение событий по иерархии объектов можно отменить, используя свойство cancelBubble объекта event, который сохраняет информацию о прошедшем событии:
event.cancelBubble=true
Прохождение событийИнформация о событии хранится в объекте eventЭлементы HTML образуют иерархическую структуру вложенностиЩелкая на элементе внутри контейнера

Слайд 7Прохождение событий
Объект event предназначен для хранения информации о прошедшем событии,

хранится в браузере пока не произойдет новое событие. Обращение к

event:
event.свойство
Основные свойства:
clientX – координаты события относительно окна
clientY –
screenX – координаты события относительно экрана
screenY –
KeyCode – код клавиши
scrElement – ссылка на целевой объект

Прохождение событий	Объект event предназначен для хранения информации о прошедшем событии, хранится в браузере пока не произойдет новое

Слайд 8Создание новых окон браузера
Открытие окна средствами HTML с помощью атрибута

target тега гиперссылки :


Открытие окна в сценарии JavaScript

методом open() объекта window:
window.open(“URL-адрес”, “имя_окна”, “свойства_окна”)
Например,
window.open()

Для закрытия окна используется метод close() объекта window, но чтобы он не закрывал главное окно браузера, необходимо сохранить в глобальной переменной ссылку на вновь открытое окно:
var ob1=window.open(“w1.html”,”win1”,” height=100, width=250”);
ob1.close();

Создание новых окон браузераОткрытие окна средствами HTML с помощью атрибута target тега гиперссылки :…Открытие окна в сценарии

Обратная связь

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

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика