Содержание
- 2. Динамическое изменение Web-страниц Обработка данных на стороне сервера CGI-сценарии (Common Gateway Interface) Скрипты PHP (Hypertext Preprocessor)
- 3. Задачи обработки данных на стороне клиента динамическое изменение атрибутов и стилей элементов, составляющих HTML-документ; контроль ввода
- 4. Javascript Создание 1996 год, Netscape Компоненты Ядро DOM (Document Object Model) BOM (Browser Object Model)
- 5. Document Object Model (DOM) DOM — это модель HTML-и XML-документов, независимая от платформы и языка программирования.
- 6. Пример объектной модели документа Пусть наш документ имеет вид: Моя домашняя страница Моя домашняя страница Добро
- 7. Структура DOM My title My link My header Элементы (Element), один из них - корневой Атрибуты
- 8. Доступ к элементам страницы Свойства для идентификации объектов: name - имя id - идентификатор
- 9. Объектная модель браузера (BOM) BOM - браузеро-специфичная часть языка, являющаяся прослойкой между ядром и объектной моделью
- 10. Язык Javascript Назначение Javascript: Предоставить пользователю возможность изменения элементов оформления и содержания HTML-страницы в процессе ее
- 11. Характеристика Javascript Объектно-ориентированный язык разработки встраиваемых приложений, выполняемых как на стороне клиента, так и на стороне
- 12. Объекты Javascript window — окно браузера, имеет набор атрибутов и методов управления окном (заголовок, строка состояния,
- 13. Свойства и методы объекта document Свойства объекта document bgColor - цвет фона документа, соответствует fgColor -
- 14. Размещение кода JavaScript на HTML-странице В элементе (помещается в элемент ): document.write("Привет!"); window.alert("Большой привет!"); В любом
- 15. События и реакции на них События: события от мыши (click, dblclick, mousedown,…); события от клавиатуры (keypress,
- 16. Обработчик события в виде функции function myfn1() { alert("Ты записался в программисты?"); } День программиста 12
- 17. Обработчик события в виде функции function myfn2(obj) { obj.style.color="blue"; obj.style.width="50%"; } Ячейка 1 Ячейка 2 Ячейка
- 19. Скачать презентацию