🗊Презентация Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16)

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №1Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №2Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №3Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №4Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №5Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №6Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №7Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №8Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №9Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №10Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №11Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №12Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №13Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №14Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №15Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №16Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №17Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №18Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №19Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №20Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №21Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №22Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №23Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №24Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №25Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №26Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №27Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №28Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №29Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №30Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №31Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №32Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №33Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №34Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №35Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №36Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №37Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №38Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №39Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №40Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №41Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №42Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №43Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №44Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №45Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №46Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №47Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №48Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №49Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №50Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №51Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №52Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №53Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №54Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №55Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №56Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №57Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №58Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16), слайд №59
Скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Веб-технологии в промышленности и образовании. Назначение и применение JavaScript, общие сведения. (Лекция 16). Доклад-сообщение содержит 59 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


Веб-технологии в промышленности и образовании Лекция 16 Назначение и применение JavaScript, общие сведения
Описание слайда:
Веб-технологии в промышленности и образовании Лекция 16 Назначение и применение JavaScript, общие сведения

Слайд 2


Вступление Гипертекстовая информационная система состоит из множества информационных узлов, множества гипертекстовых связей, определенных на этих узлах и инструментах манипулирования узлами и связями. Технология World Wide Web - это технология ведения гипертекстовых распределенных систем в Internet, и, следовательно, она должна соответствовать общему определению таких систем. Это означает, что все перечисленные выше компоненты гипертекстовой системы должны быть и в Web.
Описание слайда:
Вступление Гипертекстовая информационная система состоит из множества информационных узлов, множества гипертекстовых связей, определенных на этих узлах и инструментах манипулирования узлами и связями. Технология World Wide Web - это технология ведения гипертекстовых распределенных систем в Internet, и, следовательно, она должна соответствовать общему определению таких систем. Это означает, что все перечисленные выше компоненты гипертекстовой системы должны быть и в Web.

Слайд 3


Вступление Web как гипертекстовую систему можно рассматривать с двух точек зрения. Во-первых, как совокупность отображаемых страниц, связанных гипертекстовыми переходами (ссылками - контейнер <A> ). Во-вторых, как множество элементарных информационных объектов, составляющих отображаемые страницы (текст, графика, мобильный код и т.п.). В последнем случае множество гипертекстовых переходов страницы - это такой же информационный фрагмент, как и встроенная в текст картинка.
Описание слайда:
Вступление Web как гипертекстовую систему можно рассматривать с двух точек зрения. Во-первых, как совокупность отображаемых страниц, связанных гипертекстовыми переходами (ссылками - контейнер <A> ). Во-вторых, как множество элементарных информационных объектов, составляющих отображаемые страницы (текст, графика, мобильный код и т.п.). В последнем случае множество гипертекстовых переходов страницы - это такой же информационный фрагмент, как и встроенная в текст картинка.

Слайд 4


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

Слайд 5


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

Слайд 6


Вступление Таким образом, JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако наибольшую популярность JavaScript обеспечило программирование на стороне клиента.
Описание слайда:
Вступление Таким образом, JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако наибольшую популярность JavaScript обеспечило программирование на стороне клиента.

Слайд 7


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

Слайд 8


Вступление Название "JavaScript" является зарегистрированным товарным знаком компании Sun Microsystems. Реализация языка, осуществленная разработчиками Microsoft, официально называется JScript . Версии JScript совместимы (если быть совсем точным, то не до конца) с соответствующими версиями JavaScript, т.е. JavaScript является подмножеством языка JScript. В данный момент JavaScript полностью занимает нишу браузерных языков. На синтаксис JavaScript оказал влияние язык Java, откуда и произошло название JavaScript; как и Java, язык JavaScript является объектным.
Описание слайда:
Вступление Название "JavaScript" является зарегистрированным товарным знаком компании Sun Microsystems. Реализация языка, осуществленная разработчиками Microsoft, официально называется JScript . Версии JScript совместимы (если быть совсем точным, то не до конца) с соответствующими версиями JavaScript, т.е. JavaScript является подмножеством языка JScript. В данный момент JavaScript полностью занимает нишу браузерных языков. На синтаксис JavaScript оказал влияние язык Java, откуда и произошло название JavaScript; как и Java, язык JavaScript является объектным.

Слайд 9


Вступление Стандартизация языка была инициирована компанией Netscape и осуществляется ассоциацией ECMA (European Computer Manufacturers Association - Ассоциация европейских производителей компьютеров). Стандартизированная версия имеет название ECMAScript и описывается стандартом ECMA-262 (доступна в сети: на английском, на русском).
Описание слайда:
Вступление Стандартизация языка была инициирована компанией Netscape и осуществляется ассоциацией ECMA (European Computer Manufacturers Association - Ассоциация европейских производителей компьютеров). Стандартизированная версия имеет название ECMAScript и описывается стандартом ECMA-262 (доступна в сети: на английском, на русском).

Слайд 10


Вступление Первая версия стандарта (принята в 1997 г.) примерно соответствовала JavaScript 1.1. На данный момент (2008 г) вышла уже третья редакция стандарта (принята в декабре 1999 г), включающая мощные регулярные выражения, улучшенную поддержку строк, новые управляющие конструкции, обработку исключений try/catch, конкретизированное определение ошибок, форматирование при численном выводе и другие изменения. Ведется работа над расширениями и четвертой редакцией стандарта. Отметим, что не все реализации JavaScript на сегодня полностью соответствуют стандарту ECMA. В рамках данного курса мы во всех случаях будем использовать название JavaScript.
Описание слайда:
Вступление Первая версия стандарта (принята в 1997 г.) примерно соответствовала JavaScript 1.1. На данный момент (2008 г) вышла уже третья редакция стандарта (принята в декабре 1999 г), включающая мощные регулярные выражения, улучшенную поддержку строк, новые управляющие конструкции, обработку исключений try/catch, конкретизированное определение ошибок, форматирование при численном выводе и другие изменения. Ведется работа над расширениями и четвертой редакцией стандарта. Отметим, что не все реализации JavaScript на сегодня полностью соответствуют стандарту ECMA. В рамках данного курса мы во всех случаях будем использовать название JavaScript.

Слайд 11


Размещение кода JavaScript на HTML-странице Главный вопрос любого начинающего программиста: "Как оформить программу и выполнить ее?". Попробуем на него ответить как можно проще, но при этом не забывая обо всех способах применения JavaScript-кода.
Описание слайда:
Размещение кода JavaScript на HTML-странице Главный вопрос любого начинающего программиста: "Как оформить программу и выполнить ее?". Попробуем на него ответить как можно проще, но при этом не забывая обо всех способах применения JavaScript-кода.

Слайд 12


Размещение кода JavaScript на HTML-странице Во-первых, исполняет JavaScript-код браузер. В него встроен интерпретатор JavaScript. Следовательно, выполнение программы зависит от того, когда и как этот интерпретатор получает управление. Это, в свою очередь, зависит от функционального применения кода. В общем случае можно выделить четыре способа функционального применения JavaScript:
Описание слайда:
Размещение кода JavaScript на HTML-странице Во-первых, исполняет JavaScript-код браузер. В него встроен интерпретатор JavaScript. Следовательно, выполнение программы зависит от того, когда и как этот интерпретатор получает управление. Это, в свою очередь, зависит от функционального применения кода. В общем случае можно выделить четыре способа функционального применения JavaScript:

Слайд 13


Размещение кода JavaScript на HTML-странице гипертекстовая ссылка (схема URL); обработчик события (в атрибутах, отвечающих событиям); подстановка (entity); вставка (контейнер <SCRIPT> ).
Описание слайда:
Размещение кода JavaScript на HTML-странице гипертекстовая ссылка (схема URL); обработчик события (в атрибутах, отвечающих событиям); подстановка (entity); вставка (контейнер <SCRIPT> ).

Слайд 14


Размещение кода JavaScript на HTML-странице Ниже мы рассмотрим их по очереди. В учебниках по JavaScript описание применения JavaScript обычно начинают с контейнера <SCRIPT>. Но с точки зрения понимания сути взаимодействия JavaScript и HTML это не совсем правильно, поскольку такой порядок не дает ответа на ключевой вопрос: как JavaScript-код получает управление? Другими словами, каким образом вызывается и исполняется программа, написанная на JavaScript и размещенная в HTML-документе?
Описание слайда:
Размещение кода JavaScript на HTML-странице Ниже мы рассмотрим их по очереди. В учебниках по JavaScript описание применения JavaScript обычно начинают с контейнера <SCRIPT>. Но с точки зрения понимания сути взаимодействия JavaScript и HTML это не совсем правильно, поскольку такой порядок не дает ответа на ключевой вопрос: как JavaScript-код получает управление? Другими словами, каким образом вызывается и исполняется программа, написанная на JavaScript и размещенная в HTML-документе?

Слайд 15


Размещение кода JavaScript на HTML-странице В зависимости от профессии автора HTML-страницы и уровня его знакомства с основами программирования возможны несколько вариантов начала освоения JavaScript. Если вы программист классического толка (С, Fortran, Pascal и т.п.), то проще всего начинать с программирования внутри тела документа. Если вы привыкли программировать под Windows, то в этом случае начинайте с программирования обработчиков событий. Если же вы имеете только опыт HTML-разметки или давно не писали программ, то тогда лучше начать с программирования гипертекстовых переходов.
Описание слайда:
Размещение кода JavaScript на HTML-странице В зависимости от профессии автора HTML-страницы и уровня его знакомства с основами программирования возможны несколько вариантов начала освоения JavaScript. Если вы программист классического толка (С, Fortran, Pascal и т.п.), то проще всего начинать с программирования внутри тела документа. Если вы привыкли программировать под Windows, то в этом случае начинайте с программирования обработчиков событий. Если же вы имеете только опыт HTML-разметки или давно не писали программ, то тогда лучше начать с программирования гипертекстовых переходов.

Слайд 16


Размещение кода JavaScript на HTML-странице В данной вводной лекции примеры даются без разбора деталей всех использованных конструкций - воспринимайте их пока интуитивно. Последующие лекции все прояснят. Опишем лишь два важнейших оператора, встречающихся почти в каждом примере. Оператор alert(строка) выводит эту строку на экран в окне предупреждения, пример такого окна изображен на рис. 1.1. Оператор document.write(строка) записывает указанную строку в текущий HTML-документ.
Описание слайда:
Размещение кода JavaScript на HTML-странице В данной вводной лекции примеры даются без разбора деталей всех использованных конструкций - воспринимайте их пока интуитивно. Последующие лекции все прояснят. Опишем лишь два важнейших оператора, встречающихся почти в каждом примере. Оператор alert(строка) выводит эту строку на экран в окне предупреждения, пример такого окна изображен на рис. 1.1. Оператор document.write(строка) записывает указанную строку в текущий HTML-документ.

Слайд 17


Способ 1: URL-схема "JavaScript:" Схема URL (Uniform Resource Locator) - это один из основных элементов Web-технологии. Каждый информационный ресурс в Web имеет свой уникальный URL. URL указывают в атрибуте HREF контейнера A, в атрибуте SRC контейнера IMG, в атрибуте ACTION контейнера FORM и т.п. Все URL подразделяются на схемы доступа, которые зависят от протокола доступа к ресурсу, например, для доступа к FTP-архиву применяется схема ftp, для доступа к Gopher-архиву - схема gopher, для отправки электронной почты - схема mailto.
Описание слайда:
Способ 1: URL-схема "JavaScript:" Схема URL (Uniform Resource Locator) - это один из основных элементов Web-технологии. Каждый информационный ресурс в Web имеет свой уникальный URL. URL указывают в атрибуте HREF контейнера A, в атрибуте SRC контейнера IMG, в атрибуте ACTION контейнера FORM и т.п. Все URL подразделяются на схемы доступа, которые зависят от протокола доступа к ресурсу, например, для доступа к FTP-архиву применяется схема ftp, для доступа к Gopher-архиву - схема gopher, для отправки электронной почты - схема mailto.

Слайд 18


Способ 1: URL-схема "JavaScript:" Основной задачей языка программирования гипертекстовой системы является программирование гипертекстовых переходов. Это означает, что при выборе той или иной гипертекстовой ссылки вызывается программа реализации гипертекстового перехода. В Web-технологии стандартной программой, вызываемой при гипертекстовом переходе, является программа загрузки страницы (т.е. при клике по ссылке загружается страница с указанным URL). JavaScript позволяет поменять стандартную программу на программу пользователя.
Описание слайда:
Способ 1: URL-схема "JavaScript:" Основной задачей языка программирования гипертекстовой системы является программирование гипертекстовых переходов. Это означает, что при выборе той или иной гипертекстовой ссылки вызывается программа реализации гипертекстового перехода. В Web-технологии стандартной программой, вызываемой при гипертекстовом переходе, является программа загрузки страницы (т.е. при клике по ссылке загружается страница с указанным URL). JavaScript позволяет поменять стандартную программу на программу пользователя.

Слайд 19


Способ 1: URL-схема "JavaScript:" Для того чтобы отличить стандартный переход по протоколу HTTP от перехода, программируемого на JavaScript, разработчики языка ввели новую схему URL - JavaScript: <A HREF="JavaScript: код_программы">...</A> <FORM ACTION="JavaScript:код_программы" ...> ... </FORM>
Описание слайда:
Способ 1: URL-схема "JavaScript:" Для того чтобы отличить стандартный переход по протоколу HTTP от перехода, программируемого на JavaScript, разработчики языка ввели новую схему URL - JavaScript: <A HREF="JavaScript: код_программы">...</A> <FORM ACTION="JavaScript:код_программы" ...> ... </FORM>

Слайд 20


Способ 1: URL-схема "JavaScript:" В данном случае текст " код_программы " обозначает программу-обработчик на JavaScript, которая вызывается при выборе гипертекстовой ссылки в первом случае и при отправке данных формы (нажатии кнопки Submit) - во втором. Например, при нажатии на гипертекстовую ссылку " Кликни здесь " можно получить окно предупреждения: <A HREF="JavaScript: alert('Внимание!!!');">Кликни здесь</A>
Описание слайда:
Способ 1: URL-схема "JavaScript:" В данном случае текст " код_программы " обозначает программу-обработчик на JavaScript, которая вызывается при выборе гипертекстовой ссылки в первом случае и при отправке данных формы (нажатии кнопки Submit) - во втором. Например, при нажатии на гипертекстовую ссылку " Кликни здесь " можно получить окно предупреждения: <A HREF="JavaScript: alert('Внимание!!!');">Кликни здесь</A>

Слайд 21


Способ 1: URL-схема "JavaScript:"
Описание слайда:
Способ 1: URL-схема "JavaScript:"

Слайд 22


Способ 1: URL-схема "JavaScript:" А при нажатии на кнопку типа submit в форме можно заполнить текстовое поле этой же формы: <FORM METHOD=post NAME="form" ACTION="JavaScript:form.e.value='Нажали кнопку: Заполнить';void(0);"> <INPUT TYPE=text NAME=e SIZE=30 VALUE=""><BR> <INPUT TYPE=submit VALUE="Заполнить"> <INPUT TYPE=reset VALUE="Очистить"> </FORM>
Описание слайда:
Способ 1: URL-схема "JavaScript:" А при нажатии на кнопку типа submit в форме можно заполнить текстовое поле этой же формы: <FORM METHOD=post NAME="form" ACTION="JavaScript:form.e.value='Нажали кнопку: Заполнить';void(0);"> <INPUT TYPE=text NAME=e SIZE=30 VALUE=""><BR> <INPUT TYPE=submit VALUE="Заполнить"> <INPUT TYPE=reset VALUE="Очистить"> </FORM>

Слайд 23


Способ 2: обработчики событий Такие программы, как обработчики событий, указываются в атрибутах контейнеров, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие Click и соответственно вызывается обработчик этого события onClick: <FORM><INPUT TYPE=button VALUE="Кнопка" onClick="alert('Вы нажали кнопку');"></FORM>
Описание слайда:
Способ 2: обработчики событий Такие программы, как обработчики событий, указываются в атрибутах контейнеров, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие Click и соответственно вызывается обработчик этого события onClick: <FORM><INPUT TYPE=button VALUE="Кнопка" onClick="alert('Вы нажали кнопку');"></FORM>

Слайд 24


Способ 2: обработчики событий А в момент завершения полной загрузки документа (он связан с контейнером <BODY> ) происходит событие Load и, соответственно, будет вызван обработчик этого события onLoad: <BODY onLoad="alert('Приветствуем!');"> ... </BODY>
Описание слайда:
Способ 2: обработчики событий А в момент завершения полной загрузки документа (он связан с контейнером <BODY> ) происходит событие Load и, соответственно, будет вызван обработчик этого события onLoad: <BODY onLoad="alert('Приветствуем!');"> ... </BODY>

Слайд 25


Способ 3: подстановки Подстановки (entity) поддерживаются только браузером Netscape Navigator 4.0. Они встречаются на Web-страницах довольно редко. Тем не менее это достаточно мощный инструмент генерации HTML-страницы на стороне браузера. Подстановки имеют формат: &{код_программы}; и используются в качестве значений атрибутов HTML-контейнеров. В следующем примере поле ввода INPUT будет иметь, в качестве значения по умолчанию, адрес текущей страницы, а размер поля будет равным количеству символов в этом адресе.
Описание слайда:
Способ 3: подстановки Подстановки (entity) поддерживаются только браузером Netscape Navigator 4.0. Они встречаются на Web-страницах довольно редко. Тем не менее это достаточно мощный инструмент генерации HTML-страницы на стороне браузера. Подстановки имеют формат: &{код_программы}; и используются в качестве значений атрибутов HTML-контейнеров. В следующем примере поле ввода INPUT будет иметь, в качестве значения по умолчанию, адрес текущей страницы, а размер поля будет равным количеству символов в этом адресе.

Слайд 26


Способ 4: вставка (контейнер <SCRIPT>) Контейнер SCRIPT - это развитие подстановок до возможности генерации текста документа JavaScript-кодом. В этом смысле применение SCRIPT аналогично Server Side Includes, т.е. генерации страниц документов на стороне сервера. Однако здесь мы забежали чуть вперед. При разборе документа HTML-парсер передает управление JavaScript-интерпретатору после того, как встретит тег начала контейнера <SCRIPT>.
Описание слайда:
Способ 4: вставка (контейнер <SCRIPT>) Контейнер SCRIPT - это развитие подстановок до возможности генерации текста документа JavaScript-кодом. В этом смысле применение SCRIPT аналогично Server Side Includes, т.е. генерации страниц документов на стороне сервера. Однако здесь мы забежали чуть вперед. При разборе документа HTML-парсер передает управление JavaScript-интерпретатору после того, как встретит тег начала контейнера <SCRIPT>.

Слайд 27


Способ 4: вставка (контейнер <SCRIPT>) Интерпретатор получает на исполнение весь фрагмент кода внутри контейнера SCRIPT и возвращает управление HTML-парсеру для обработки текста страницы после тега конца контейнера </SCRIPT>. Помещать JavaScript-код на HTML-странице с помощью контейнера <SCRIPT> можно двумя способами.
Описание слайда:
Способ 4: вставка (контейнер <SCRIPT>) Интерпретатор получает на исполнение весь фрагмент кода внутри контейнера SCRIPT и возвращает управление HTML-парсеру для обработки текста страницы после тега конца контейнера </SCRIPT>. Помещать JavaScript-код на HTML-странице с помощью контейнера <SCRIPT> можно двумя способами.

Слайд 28


Способ 4: вставка (контейнер <SCRIPT>) Первый состоит в написании текста кода непосредственно внутри этого контейнера: <SCRIPT> a = 5; </SCRIPT>
Описание слайда:
Способ 4: вставка (контейнер <SCRIPT>) Первый состоит в написании текста кода непосредственно внутри этого контейнера: <SCRIPT> a = 5; </SCRIPT>

Слайд 29


Способ 4: вставка (контейнер <SCRIPT>) Второй способ состоит в том, чтобы вынести код JavaScript в отдельный файл, например, myscript.js (расширение может быть любым), и затем включить его в HTML-страницу следующим образом: <SCRIPT SRC="myscript.js"></SCRIPT>
Описание слайда:
Способ 4: вставка (контейнер <SCRIPT>) Второй способ состоит в том, чтобы вынести код JavaScript в отдельный файл, например, myscript.js (расширение может быть любым), и затем включить его в HTML-страницу следующим образом: <SCRIPT SRC="myscript.js"></SCRIPT>

Слайд 30


Способ 4: вставка (контейнер <SCRIPT>) Этот способ удобен, когда один и тот же скрипт планируется использовать на разных HTML-страницах. Обратите внимание, что при наличии атрибута SRC содержимое контейнера <SCRIPT> пусто, и это не случайно: согласно спецификации HTML, если скрипт подключается из внешнего файла, то скрипт, написанный между тэгами <SCRIPT> и </SCRIPT>, если таковой имеется, будет проигнорирован браузером.
Описание слайда:
Способ 4: вставка (контейнер <SCRIPT>) Этот способ удобен, когда один и тот же скрипт планируется использовать на разных HTML-страницах. Обратите внимание, что при наличии атрибута SRC содержимое контейнера <SCRIPT> пусто, и это не случайно: согласно спецификации HTML, если скрипт подключается из внешнего файла, то скрипт, написанный между тэгами <SCRIPT> и </SCRIPT>, если таковой имеется, будет проигнорирован браузером.

Слайд 31


Способ 4: вставка (контейнер <SCRIPT>) Здесь уместно небольшое замечание, которое позволит Вам избежать одной ошибки начинающих программистов. Между тэгами <SCRIPT> и </SCRIPT> не должно встречаться последовательности символов </SCRIPT> в любом контексте. Например, следующий пример работать не будет: <SCRIPT> alert('</script>'); </SCRIPT>
Описание слайда:
Способ 4: вставка (контейнер <SCRIPT>) Здесь уместно небольшое замечание, которое позволит Вам избежать одной ошибки начинающих программистов. Между тэгами <SCRIPT> и </SCRIPT> не должно встречаться последовательности символов </SCRIPT> в любом контексте. Например, следующий пример работать не будет: <SCRIPT> alert('</script>'); </SCRIPT>

Слайд 32


Способ 4: вставка (контейнер <SCRIPT>) Дело в том, что специфика разбора HTML-документа браузером такова, что он сначала определяет границы скрипта, а потом уже передает его интерпретатору JavaScript. В нашем случае браузер посчитает, что код скрипта завершился на первой же встретившейся ему последовательности символов " </script> ", т.е. не на той, на которой было нужно нам. Чтобы пример заработал, достаточно, например, написать alert('<\/script>') (т.к. комбинация " \/ " выводит на экран символ " / "), либо разбить строчку на две: alert('</scr'+'ipt>').
Описание слайда:
Способ 4: вставка (контейнер <SCRIPT>) Дело в том, что специфика разбора HTML-документа браузером такова, что он сначала определяет границы скрипта, а потом уже передает его интерпретатору JavaScript. В нашем случае браузер посчитает, что код скрипта завершился на первой же встретившейся ему последовательности символов " </script> ", т.е. не на той, на которой было нужно нам. Чтобы пример заработал, достаточно, например, написать alert('<\/script>') (т.к. комбинация " \/ " выводит на экран символ " / "), либо разбить строчку на две: alert('</scr'+'ipt>').

Слайд 33


Способ 4: вставка (контейнер <SCRIPT>) Контейнер SCRIPT выполняет две основные функции: размещение кода внутри HTML-документа; условная генерация HTML-разметки на стороне браузера.
Описание слайда:
Способ 4: вставка (контейнер <SCRIPT>) Контейнер SCRIPT выполняет две основные функции: размещение кода внутри HTML-документа; условная генерация HTML-разметки на стороне браузера.

Слайд 34


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

Слайд 35


Размещение кода внутри HTML-документа Собственно, особенного разнообразия здесь нет. Код можно разместить либо в заголовке документа (внутри контейнера HEAD ) либо в теле документа (внутри контейнера BODY ). Последний способ и его особенности будут рассмотрены в разделе "Условная генерация HTML-разметки на стороне браузера". Поэтому обратимся к заголовку документа.
Описание слайда:
Размещение кода внутри HTML-документа Собственно, особенного разнообразия здесь нет. Код можно разместить либо в заголовке документа (внутри контейнера HEAD ) либо в теле документа (внутри контейнера BODY ). Последний способ и его особенности будут рассмотрены в разделе "Условная генерация HTML-разметки на стороне браузера". Поэтому обратимся к заголовку документа.

Слайд 36


Размещение кода внутри HTML-документа Код в заголовке документа размещается внутри контейнера SCRIPT. В следующем примере мы декларировали функцию time_scroll() в заголовке документа, а потом вызвали ее как обработчик события Load в теге начала контейнера BODY.
Описание слайда:
Размещение кода внутри HTML-документа Код в заголовке документа размещается внутри контейнера SCRIPT. В следующем примере мы декларировали функцию time_scroll() в заголовке документа, а потом вызвали ее как обработчик события Load в теге начала контейнера BODY.

Слайд 37


Размещение кода внутри HTML-документа <HTML> <HEAD> <SCRIPT> function time_scroll() { var d = new Date(); window.status = d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds(); setTimeout('time_scroll()',1000); } </SCRIPT> </HEAD>
Описание слайда:
Размещение кода внутри HTML-документа <HTML> <HEAD> <SCRIPT> function time_scroll() { var d = new Date(); window.status = d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds(); setTimeout('time_scroll()',1000); } </SCRIPT> </HEAD>

Слайд 38


Размещение кода внутри HTML-документа <BODY onLoad="time_scroll()"> <H1>Часы в строке статуса</H1> </BODY> </HTML>
Описание слайда:
Размещение кода внутри HTML-документа <BODY onLoad="time_scroll()"> <H1>Часы в строке статуса</H1> </BODY> </HTML>

Слайд 39


Размещение кода внутри HTML-документа Функция time_scroll() вызывается по окончании полной загрузки документа (обработчиком onLoad ). Она заносит текущую дату и время ( new Date ) в переменную d. Затем записывает текущее время в формате ЧЧ:ММ:СС в window.status, тем самым оно будет отображаться в поле статуса окна браузера (подробнее о нем рассказано в лекции ). Наконец, она откладывает ( setTimeout ) повторный вызов самой себя на 1000 миллисекунд (т.е. 1 секунду). Таким образом, каждую секунду в поле статуса будет отображаться новое время.
Описание слайда:
Размещение кода внутри HTML-документа Функция time_scroll() вызывается по окончании полной загрузки документа (обработчиком onLoad ). Она заносит текущую дату и время ( new Date ) в переменную d. Затем записывает текущее время в формате ЧЧ:ММ:СС в window.status, тем самым оно будет отображаться в поле статуса окна браузера (подробнее о нем рассказано в лекции ). Наконец, она откладывает ( setTimeout ) повторный вызов самой себя на 1000 миллисекунд (т.е. 1 секунду). Таким образом, каждую секунду в поле статуса будет отображаться новое время.

Слайд 40


Условная генерация HTML-разметки на стороне браузера Всегда приятно получать с сервера страницу, подстроенную под возможности нашего браузера или, более того, под пользователя. Существует только две возможности генерации таких страниц: на стороне сервера или непосредственно у клиента. JavaScript-код исполняется на стороне клиента (на самом деле, серверы компании Netscape способны исполнять JavaScript-код и на стороне сервера, только в этом случае он носит название LiveWire-код; не путать с LiveConnect), поэтому рассмотрим только генерацию на стороне клиента.
Описание слайда:
Условная генерация HTML-разметки на стороне браузера Всегда приятно получать с сервера страницу, подстроенную под возможности нашего браузера или, более того, под пользователя. Существует только две возможности генерации таких страниц: на стороне сервера или непосредственно у клиента. JavaScript-код исполняется на стороне клиента (на самом деле, серверы компании Netscape способны исполнять JavaScript-код и на стороне сервера, только в этом случае он носит название LiveWire-код; не путать с LiveConnect), поэтому рассмотрим только генерацию на стороне клиента.

Слайд 41


Условная генерация HTML-разметки на стороне браузера Для генерации HTML-разметки контейнер SCRIPT размещают в теле документа, т.е. внутри контейнера BODY. Простой пример - встраивание в страницу локального времени:
Описание слайда:
Условная генерация HTML-разметки на стороне браузера Для генерации HTML-разметки контейнер SCRIPT размещают в теле документа, т.е. внутри контейнера BODY. Простой пример - встраивание в страницу локального времени:

Слайд 42


Условная генерация HTML-разметки на стороне браузера <BODY> ... <SCRIPT> d = new Date(); document.write('Момент загрузки страницы: ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds()); </SCRIPT> ... </BODY>
Описание слайда:
Условная генерация HTML-разметки на стороне браузера <BODY> ... <SCRIPT> d = new Date(); document.write('Момент загрузки страницы: ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds()); </SCRIPT> ... </BODY>

Слайд 43


Комментарии в HTML и JavaScript Несколько слов о различных видах комментариев. В программе JavaScript можно оставлять комментарии, которые игнорируются JavaScript-интерпретатором и служат как пояснения для разработчиков. Однострочные комментарии начинаются с символов //. Текст начиная с этих символов и до конца строки считается комментарием. Многострочный комментарий заключается между символами /* и */ и может простираться на несколько строк.
Описание слайда:
Комментарии в HTML и JavaScript Несколько слов о различных видах комментариев. В программе JavaScript можно оставлять комментарии, которые игнорируются JavaScript-интерпретатором и служат как пояснения для разработчиков. Однострочные комментарии начинаются с символов //. Текст начиная с этих символов и до конца строки считается комментарием. Многострочный комментарий заключается между символами /* и */ и может простираться на несколько строк.

Слайд 44


Комментарии в HTML и JavaScript <SCRIPT> a=5; // однострочный комментарий /* Многострочный комментарий */ </SCRIPT>
Описание слайда:
Комментарии в HTML и JavaScript <SCRIPT> a=5; // однострочный комментарий /* Многострочный комментарий */ </SCRIPT>

Слайд 45


Комментарии в HTML и JavaScript Для скрытия JavaScript-кода от интерпретации старыми браузерами, не поддерживающими JavaScript (у высокого начальства еще встречаются), весь JavaScript-код между тэгами <SCRIPT> и </SCRIPT> приходится заключать в HTML-комментарии <!-- и -->. Можно предположить, что эти комбинации символов, не являясь полноценными операторами JavaScript, могут быть неверно поняты JavaScript-интерпретатором и порождать ошибки.
Описание слайда:
Комментарии в HTML и JavaScript Для скрытия JavaScript-кода от интерпретации старыми браузерами, не поддерживающими JavaScript (у высокого начальства еще встречаются), весь JavaScript-код между тэгами <SCRIPT> и </SCRIPT> приходится заключать в HTML-комментарии <!-- и -->. Можно предположить, что эти комбинации символов, не являясь полноценными операторами JavaScript, могут быть неверно поняты JavaScript-интерпретатором и порождать ошибки.

Слайд 46


Комментарии в HTML и JavaScript Однако этого не происходит, так как разработчики языка ввели соглашение: комбинация символов <!-- считается началом однострочного комментария (наряду с // ). Со второй комбинацией ( --> ) такой трюк невозможен (т.к. двойной минус имеет специальное значение в JavaScript), и ее приходится комментировать символами //, что иллюстрирует следующий пример.
Описание слайда:
Комментарии в HTML и JavaScript Однако этого не происходит, так как разработчики языка ввели соглашение: комбинация символов <!-- считается началом однострочного комментария (наряду с // ). Со второй комбинацией ( --> ) такой трюк невозможен (т.к. двойной минус имеет специальное значение в JavaScript), и ее приходится комментировать символами //, что иллюстрирует следующий пример.

Слайд 47


Комментарии в HTML и JavaScript <SCRIPT> <!-- Скрываем JavaScript-код от старых браузеров a = 5; // --> </SCRIPT>
Описание слайда:
Комментарии в HTML и JavaScript <SCRIPT> <!-- Скрываем JavaScript-код от старых браузеров a = 5; // --> </SCRIPT>

Слайд 48


Комментарии в HTML и JavaScript Однако в данном курсе мы не будем загромождать примеры такого рода HTML-комментариями, переложив эту обязанность на пользователя. К тому же, все реже можно встретить браузеры, которые вместо выполнения JavaScript-кода выдают его текст в окно браузера.
Описание слайда:
Комментарии в HTML и JavaScript Однако в данном курсе мы не будем загромождать примеры такого рода HTML-комментариями, переложив эту обязанность на пользователя. К тому же, все реже можно встретить браузеры, которые вместо выполнения JavaScript-кода выдают его текст в окно браузера.

Слайд 49


Указание языка сценария Контейнер <SCRIPT> имеет необязательный атрибут LANGUAGE, указывающий язык, на котором написан содержащийся внутри контейнера скрипт. Значение атрибута не чувствительно к регистру. Если этот атрибут опущен, то его значением по умолчанию считается " JavaScript ".
Описание слайда:
Указание языка сценария Контейнер <SCRIPT> имеет необязательный атрибут LANGUAGE, указывающий язык, на котором написан содержащийся внутри контейнера скрипт. Значение атрибута не чувствительно к регистру. Если этот атрибут опущен, то его значением по умолчанию считается " JavaScript ".

Слайд 50


Указание языка сценария Поэтому все наши примеры можно записывать следующим образом: <SCRIPT LANGUAGE="JavaScript"> ... </SCRIPT>
Описание слайда:
Указание языка сценария Поэтому все наши примеры можно записывать следующим образом: <SCRIPT LANGUAGE="JavaScript"> ... </SCRIPT>

Слайд 51


Указание языка сценария В качестве альтернативы атрибут LANGUAGE может принимать значения " JScript " (упоминавшаяся выше разновидность языка JavaScript, разработанная компанией Microsoft), " VBScript " или " VBS " (оба указывают на язык программирования VBScript, основанный на Visual Basic и тоже являющийся детищем Microsoft; поддерживается преимущественно браузером Internet Explorer) и другие. Кроме того, для JavaScript бывает необходимо указать версию языка, например, LANGUAGE="JavaScript1.2". Потребность в этом может возникнуть, если нужно написать разные участки кода для браузеров, поддерживающих разные версии языка.
Описание слайда:
Указание языка сценария В качестве альтернативы атрибут LANGUAGE может принимать значения " JScript " (упоминавшаяся выше разновидность языка JavaScript, разработанная компанией Microsoft), " VBScript " или " VBS " (оба указывают на язык программирования VBScript, основанный на Visual Basic и тоже являющийся детищем Microsoft; поддерживается преимущественно браузером Internet Explorer) и другие. Кроме того, для JavaScript бывает необходимо указать версию языка, например, LANGUAGE="JavaScript1.2". Потребность в этом может возникнуть, если нужно написать разные участки кода для браузеров, поддерживающих разные версии языка.

Слайд 52


Указание языка сценария Cледует также иметь в виду, что в настоящей версии языка HTML (т.е. 4.0 и выше) атрибут LANGUAGE контейнера <SCRIPT> считается устаревшим и нерекомендуемым к использованию (deprecated). Вместо него в контейнере <SCRIPT> рекомендуется использовать атрибут TYPE. Его значениями, также не чувствительными к регистру, могут быть " text/javascript " (значение по умолчанию), " text/vbscript " и другие.
Описание слайда:
Указание языка сценария Cледует также иметь в виду, что в настоящей версии языка HTML (т.е. 4.0 и выше) атрибут LANGUAGE контейнера <SCRIPT> считается устаревшим и нерекомендуемым к использованию (deprecated). Вместо него в контейнере <SCRIPT> рекомендуется использовать атрибут TYPE. Его значениями, также не чувствительными к регистру, могут быть " text/javascript " (значение по умолчанию), " text/vbscript " и другие.

Слайд 53


Указание языка сценария Например, все наши примеры можно оформлять так: <SCRIPT TYPE="text/javascript"> ... </SCRIPT>
Описание слайда:
Указание языка сценария Например, все наши примеры можно оформлять так: <SCRIPT TYPE="text/javascript"> ... </SCRIPT>

Слайд 54


Указание языка сценария Некоторые старые браузеры не понимают атрибут TYPE, поэтому можно задавать оба атрибута одновременно - LANGUAGE и TYPE. Атрибут TYPE имеет высший приоритет, т.е. если браузер распознает значение TYPE, то значение LANGUAGE игнорируется. Поскольку в любом случае значение по умолчанию соответствует языку JavaScript, в наших примерах эти атрибуты будут опускаться.
Описание слайда:
Указание языка сценария Некоторые старые браузеры не понимают атрибут TYPE, поэтому можно задавать оба атрибута одновременно - LANGUAGE и TYPE. Атрибут TYPE имеет высший приоритет, т.е. если браузер распознает значение TYPE, то значение LANGUAGE игнорируется. Поскольку в любом случае значение по умолчанию соответствует языку JavaScript, в наших примерах эти атрибуты будут опускаться.

Слайд 55


Регистр символов Как Вы, наверное, знаете, язык HTML является регистро-независимым . Вследствие этого, контейнер <SCRIPT> можно писать как <script>, его атрибуты - как Type, LANGuage и src, значение атрибутов, указывающих язык, - как " JavaSCRIPT " и " TEXT/JavaScript ". Разумеется, значение атрибута SRC, т.е. имя файла, следует писать точно так, как файл назван в операционной системе.
Описание слайда:
Регистр символов Как Вы, наверное, знаете, язык HTML является регистро-независимым . Вследствие этого, контейнер <SCRIPT> можно писать как <script>, его атрибуты - как Type, LANGuage и src, значение атрибутов, указывающих язык, - как " JavaSCRIPT " и " TEXT/JavaScript ". Разумеется, значение атрибута SRC, т.е. имя файла, следует писать точно так, как файл назван в операционной системе.

Слайд 56


Регистр символов Напротив, язык же JavaScript - регистро-зависимый. Это означает, что все переменные, функции, ключевые слова и т.п. должны набираться в том же регистре, в каком они заданы в языке или в программе пользователя. Например, если Вы объявили переменную var myText='Привет', то в дальнейшем ее можно использовать только как myText, но не MyText. В этом кроется частая ошибка, которую допускают программисты на JavaScript. Она усугубляется еще и тем, что JavaScript не требует явно декларировать переменные, и встретив MyText, интерпретатор может решить, что это новая (но не объявленная) переменная.
Описание слайда:
Регистр символов Напротив, язык же JavaScript - регистро-зависимый. Это означает, что все переменные, функции, ключевые слова и т.п. должны набираться в том же регистре, в каком они заданы в языке или в программе пользователя. Например, если Вы объявили переменную var myText='Привет', то в дальнейшем ее можно использовать только как myText, но не MyText. В этом кроется частая ошибка, которую допускают программисты на JavaScript. Она усугубляется еще и тем, что JavaScript не требует явно декларировать переменные, и встретив MyText, интерпретатор может решить, что это новая (но не объявленная) переменная.

Слайд 57


Регистр символов Это касается и всех встроенных объектов, свойств и методов языка. Например, объектом является document. Вызов document.write() нельзя записать как Document.write() или document.Write(). К свойству объекта document, задающему цвет фона Web-страницы, можно обратиться только как document.bgColor, а метод этого же объекта, выдающий элемент с заданным идентификатором " id5 ", можно вызвать только как document.getElementById("id5").
Описание слайда:
Регистр символов Это касается и всех встроенных объектов, свойств и методов языка. Например, объектом является document. Вызов document.write() нельзя записать как Document.write() или document.Write(). К свойству объекта document, задающему цвет фона Web-страницы, можно обратиться только как document.bgColor, а метод этого же объекта, выдающий элемент с заданным идентификатором " id5 ", можно вызвать только как document.getElementById("id5").

Слайд 58


Регистр символов Названия событий, такие как Click (щелчок мышью), DblClick (двойной щелчок мышью), Load (окончание загрузки документа) и т.п. сами по себе не являются элементами синтаксиса. Обработчики же соответствующих событий могут появляться в двух контекстах:
Описание слайда:
Регистр символов Названия событий, такие как Click (щелчок мышью), DblClick (двойной щелчок мышью), Load (окончание загрузки документа) и т.п. сами по себе не являются элементами синтаксиса. Обработчики же соответствующих событий могут появляться в двух контекстах:

Слайд 59


Регистр символов внутри кода JavaScript - в этом случае регистр имеет значение. Например, чтобы при возникновении события Load вызывалась функция myFunction, мы должны написать: window.onload = myFunction. Названия обработчиков событий onload, onmouseover и т.п. в таком контексте должны быть написаны маленькими буквами; как атрибут какого-либо HTML-контейнера - в этом случае регистр не важен. Например, чтобы обработчик события onLoad вызывал функцию myFunction, мы можем написать в HTML-исходнике: <BODY onLoad="myFunction()"> либо <BODY ONLOAD="myFunction()">.
Описание слайда:
Регистр символов внутри кода JavaScript - в этом случае регистр имеет значение. Например, чтобы при возникновении события Load вызывалась функция myFunction, мы должны написать: window.onload = myFunction. Названия обработчиков событий onload, onmouseover и т.п. в таком контексте должны быть написаны маленькими буквами; как атрибут какого-либо HTML-контейнера - в этом случае регистр не важен. Например, чтобы обработчик события onLoad вызывал функцию myFunction, мы можем написать в HTML-исходнике: <BODY onLoad="myFunction()"> либо <BODY ONLOAD="myFunction()">.

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию