Глава III. Клиентский JavaScript. Заключение.

Учимся программировать вместе с JavaScript

Глава III. Клиентский JavaScript. Заключение.

Доступ к элементам через атрибут id. События. Объекты window, document. Стандартный набор свойств и методов всех элементов. Свойства и методы для рисования в тэге canvas. Что вы ещё должны знать. Заключение.

В данной главе мы продолжим обучение программированию с использованием возможностей JavaScript реализованных в веб браузерах. Данную тему, как правило, называют клиентским JavaScript. 

Поле для ввода. Атрибуты тэга как свойства объекта id. События. Объект события. Свойства объекта события. Установка курсора в нужное положение.

Объект window. Пример создания таймера и интервала. Объект document. Пример использования методов getElemenById, getElementsByTagName и getElemensByName. Метод write. Стандартный набор свойств и методов всех элементов.

Настройка окончаний линий. Свойство lineCap. Сопряжение толстых линий. Свойство lineJoin. Рисование дуги и окружности, метод arc. Рисование закруглённых углов. Метод arcTo. Рисование прямоугольника. Метод rect(). Заливка текущего пути. Метод fill(). Заливка прямоугольной области. Метод fillRect(). Рисование прямоугольник. Метод strokeRect(). Стирание прямоугольной области. Метод clearRect(). Вывод текста. Метод fillText(), свойства font, textAlign и textBaseline. Принцип анимации. Кэширование изображений. Вставка рисунков в canvas. Метод drawImage(). Вывод фрагмента изображения. Методы для рисования в canvas, не вошедшие в учебник.

Модель DOM. Доступ к некоторым элементам через свойства объекта document. Значение null. Исключения. Продвинутый способ обработки событий. Всплытие событий. Остановка всплытия события. Погружение и всплытие события. Целевой элемент. Использование слова this при написании обработчиков событий. Работа с фреймами. Имитация графики за счёт изменения свойств CSS. Заключение.