ДИНАМИЧЕСКОЕ ИЗМЕНЕНИЕ содержимого Web-страницы - презентация, доклад, проект скачать

Нажмите для полного просмотра!

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

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

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

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

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

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

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

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

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему ДИНАМИЧЕСКОЕ ИЗМЕНЕНИЕ содержимого Web-страницы. Доклад-сообщение содержит 8 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1

Описание слайда:

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

Слайд 2

Описание слайда:

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

Слайд 3

Описание слайда:

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

Слайд 4

Описание слайда:

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

Слайд 5

Описание слайда:

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

Слайд 6

Описание слайда:

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

Слайд 7

Описание слайда:

Прохождение событий Объект event предназначен для хранения информации о прошедшем событии, хранится в браузере пока не произойдет новое событие. Обращение к event: event.свойство Основные свойства: clientX – координаты события относительно окна clientY – screenX – координаты события относительно экрана screenY – KeyCode – код клавиши scrElement – ссылка на целевой объект

Слайд 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();