Содержание
- 2. Лекция №9 Обработка событий в JavaScript
- 3. Название программы-обработчика события обычно состоит из названия собственно события, которому предшествует префикс “on” Типичный синтаксис: Пример:
- 4. Введите выражение: onClick='myobr(this.form)'> Результат: просмотр примера
- 5. JavaScript выполняется в едином потоке. Современные браузеры позволяют порождать подпроцессы Web Workers, они выполняются параллельно и
- 6. Объект Event позволяет скриптовой программе получить подробную информацию о возникшем событии Особенности : Объект Event доступен
- 7. Свойства объекта Event x, y - горизонтальная и вертикальная координаты события offsetX, offsetY - координаты события
- 8. Пример: Получить информацию о событиях для всего документа function InfoEvent() { //event.srcElement придумали в IE. В
- 9. Классификация способов обработки событий Задание кода функции и вызов этой функции с использованием схемы присоединения события
- 10. Пример event=‘onmousemove()’ type=‘text/javascript’> alert(‘Мышка движется’) Атрибут FOR – имя или идентификатор ID элемента, для которого создан
- 11. - для задания свойств изображений, включенных в состав страницы для загрузки изображений в кэш и их
- 12. Графический индикатор загрузки function progress_load() { if (document.images['bar'].width document.images['bar'].width+=5; document.images['bar'].height=15; } else { clearInterval(loadprogress); } }
- 13. пример: изменение изображений по циклу реакция на событие load - функция изменения изображений changepic() - используем
- 14. Изменение изображений по циклу Изменение изображений var i=1; function changepic() { var x=document.getElementById('mypic'); if (i {if
- 15. Упреждающая загрузка изображений width="150" height="150" > загружается изображение img1.gif И получает имя mypic document. mypic.src= “img2.gif”;
- 16. Недостаток такого подхода: после записи в src нового адреса начинается процесс загрузки соответствующего изображения Решение: упреждающая
- 17. hiddenImg= new Image(); //создается новый объект Image hiddenImg.src= "img3.gif"; // адрес изображения, которое далее представлено с
- 18. После того, как браузер завершит загрузку, изображение на экране не появится. Оно будет сохранено в кэше
- 19. Изменение изображений в соответствии с событиями, которые инициированы пользователем Изменение изображений onMouseOver="document.myImage2.src='1.jpg' " onMouseOut="document.myImage2.src='6.gif'"> просмотр примера
- 20. Использование Cookies Cookie является решением одной из проблем HTTP протокола - непостоянство соединение между клиентом и
- 21. Использование Cookies Куки обычно используют в следующих целях: Авторизация пользователя; Хранения настроек пользователя; Ведения статистики о
- 22. Cookies — это механизм, позволяющий серверу хранить информацию на клиентском компьютере и при необходимости извлекать ее
- 23. Используя cookie, можно эмулировать сессию по HTTP протоколу принцип эмуляция сессии: при первом запросе выдается соответствующее
- 24. Для пользователя технология cookie это - несколько файлов в папке %WINDOWS%\Cookies (Internet Explorer) - или один
- 25. Атрибуты Cookie: name=value; каждый информационный элемент хранится в виде такой пары expires=date; задает срок «годности» информационного
- 26. Пример ( из w3schools.com) Задача: запросить имя пользователя, сохранить его в виде информационного элемента. При последующих
- 27. просмотр примера function checkCookie() // функция проверки информационного элемента { username=getCookie('username'); if (username!=null && username!="") {
- 28. Ппроблема небезопасности Пример: Пользователь зашел на почтовый сайт, заполнил форму с login`ом и паролем, которые записались
- 29. Использование local storage (html 5) при создании сайта удобно использовать локальную базу данных, которая расположена на
- 30. Использование local storage (html 5) Имеется два варианта хранения данных, допустимые HTML5 спецификацией: Локальное хранение: позволяет
- 31. Недостатки cookies подвешивается при загрузке каждого документа, открытого на домене максимальный объем данных для хранения –
- 32. Использование локального хранилища в браузерах, совместимых с HTML5 - объект localStorage в JavaScript Можно использовать методы
- 34. Скачать презентацию