Wiki-учебник по веб-технологиям: JavaScript ...

Главная | Каталог |
Преподаватели и наставники, ведущие обучение JavaScript, могут предлагать свои варианты организации последовательности изучения JavaScript в комментариях к данному разделу учебника. Также свои замечания по организации учебника могут высказывать читатели, ведущие самостоятельное изучение JavaScript. Чтобы самостоятельное изчение JavaScript было эффективным, необходимо привлекать методический опыт, который дает обучение JavaScript. Учебник для начинающих должен способствовать быстрому старту разработчика.

JavaScript


Оглавление документа

1. Вступление


При генерации страниц в Web возникает дилемма, связанная с архитектурой «клиент-сервер». Страницы можно генерировать как на стороне клиента, так и на стороне сервера. В 1995 году специалисты компании Netscape создали механизм управления страницами на клиентской стороне, разработав язык программирования JavaScript.

Таким образом, JavaScript – это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента.

Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML- страницы пользователем. При этом перезагрузки страницы не происходит.

На практике это выражается в том, что можно, например, изменить цвет фона страницы или интегрированную в документ картинку, открыть новое окно или выдать предупреждение.

Название JavaScript является собственностью Netscape. Реализация языка, осуществленная разработчиками Microsoft, официально называется Jscript.

Версии JScript совместимы (если быть совсем точным, то не до конца) с соответствующими версиями JavaScript, т.е. JavaScript является
подмножеством языка JScript. JavaScript стандартизован ECMA (European Computer Manufacturers Association – Ассоциация европейских производителей компьютеров). Соответствующие стандарты носят названия ECMA-262 и ISO-16262. Этими стандартами определяется язык ECMAScript, который примерно эквивалентен JavaScript 1.1.

Отметим, что не все реализации JavaScript на сегодня полностью соответствуют стандарту ECMA. В рамках данного курса мы во всех случаях будем использовать название JavaScript.

2. JavaScript вкратце

  1. Понятие объектной модели применительно к JavaScript
  2. Свойства
  3. Методы
  4. События
  5. Размещение кода на HTML-странице
  6. URL-схема JavaScript
  7. Обработчики событий, подстановки и вставка
  8. Размещение кода внутри HTML-документа
  9. Иерархия классов
  10. Поле location
  11. Управление окнами
  12. Контейнер FORM
  13. Текст в полях ввода
  14. Кнопки
  15. Картинки
  16. Обмен данными
  17. Строки
  18. Числа
  19. Массивы
  20. Создание эффекта изменения изображения. Добавление и удаление элементов.
  21. Работа с текстом
  22. Объект Document

3. JavaScript. Обзор


Возможности ядра языка


4. Значения, переменные и литералы

Здесь рассматриваются значения, распознаваемые в JavaScript, и даётся описание фундаментальных строительных блоков выражений JavaScript: значений, переменных и литералов.

5. Выражения и операции

Здесь рассматриваются выражения и операции JavaScript, в том числе: операции присвоения, сравнения, арифметические, побитовые, логические строковые и специальные.

6. Регулярные выражения

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

7. Операторы

JavaScript поддерживает компактный набор операторов, которые могут использоваться для создания интерактивных Web-страниц. Здесь дан обзор этих операторов.

8. Функции

Функции являются другими фундаментальными блоками JavaScript. Функция является процедурой JavaScript – набором операторов, выполняющим специфическую задачу. Чтобы использовать функцию, Вы обязаны сначала определить её; затем скрипт может вызвать эту функцию.
Определение функций
Вызов функций
Использование массива Arguments
Предопределённые функции

9. Работа с объектами

Здесь рассматривается использование объектов, свойств, функций и методов и то, как создать Ваши собственные объекты.
Объекты и свойства
Создание новых объектов
Предопределенные объекты ядра

10. Объектная модель. Детали

JavaScript является объектно-ориентированным языком на базе прототипов, а не на базе классов. Из-за этого базового различия, не очевидно то, как JavaScript даёт возможность создавать иерархии объектов и реализовывать наследование свойств и значений. В данной главе делается попытка прояснить это.
Языки на базе классов и на базе прототипов
Пример Employee
Создание иерархии
Свойства объекта
Более гибкие конструкторы
Повторное рассмотрение наследования свойств

Специфика клиентского языка


11. Внедрение Java Script в HTML

Вы можете внедрять JavaScript в HTML-документ как операторы и функции в теле тэгов <SCRIPT>, специфицируя файл как источник JavaScript, специфицируя выражение JavaScript как значение HTML-атрибута, или как обработчик события некоторых других тэгах HTML (прежде всего в элементах формы).
Использование тэга SCRIPT
Специфицирование файла c кодом JavaScript
Использование выражений JavaScript в качестве значений атрибутов HTML
Использование кавычек
Специфицирование альтернативного содержимого тэгом NOSCRIPT

12. Обработка событий

Приложения JavaScript в Navigator'е широко используют события. События это акции, которые периодически возникают как результат некоторых действий пользователя. Например, нажатие кнопки это событие, также как и изменения текста в текстовом поле или перемещение мыши над гиперссылкой. Чтобы Ваш скрипт реагировал на событие, Вы определяете обработчик события, такой как onChange и onClick.
Определение обработчика события
Объект Event
Захват событий
Проверка данных введённых в форму

13. Использование объектов Navigator'а

Здесь рассматриваются JavaScript-объекты в Navigator'е и объясняется, как их использовать. Объекты клиентского JavaScript иногда называются объектами Navigator'а, чтобы отличить их от серверных и пользовательских объектов.

14. Использование окон и фреймов

JavaScript позволяет создавать окна и фрэймы и и манипулировать ими для представления HTML-содержимого. Объект window является объектом верхнего уровня в иерархии клиентского JavaScript; объекты Frame походят на объекты window, но соответствуют «подокнам», создаваемым тэгами FRAME в документе с тэгом FRAMESET.

15. Дополнительные статьи

Здесь рассматриваются некоторые специальные понятия и приложения, расширяющие возможности и повышающие гибкость JavaScript.

16. Безопасность в JavaScript

JavaScript автоматически предотвращает доступ скриптов одного сервера к свойствам документов других серверов. Это ограничение препятствует получению скриптами закрытой информации, такой как структура директорий или история пользовательских сессий. Здесь описаны модели безопасности, имеющиеся в разных версиях JavaScript.

17. jQuery

jQuery — библиотека JavaScript, обеспечивающая универсальное кроссбраузерное взаимодействие Java Script и HTML.