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

Нажмите для полного просмотра!

Веб-технологии в промышленности и образовании. Назначение и применение 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, общие сведения

Слайд 2

Описание слайда:

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

Слайд 3

Описание слайда:

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

Слайд 4

Описание слайда:

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

Слайд 5

Описание слайда:

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

Слайд 6

Описание слайда:

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

Слайд 7

Описание слайда:

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

Слайд 8

Описание слайда:

Вступление Название "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 (доступна в сети: на английском, на русском).

Слайд 10

Описание слайда:

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

Слайд 11

Описание слайда:

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

Слайд 12

Описание слайда:

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

Слайд 13

Описание слайда:

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

Слайд 14

Описание слайда:

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

Слайд 15

Описание слайда:

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

Слайд 16

Описание слайда:

Размещение кода 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.

Слайд 18

Описание слайда:

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

Слайд 19

Описание слайда:

Способ 1: URL-схема "JavaScript:" Для того чтобы отличить стандартный переход по протоколу HTTP от перехода, программируемого на JavaScript, разработчики языка ввели новую схему URL - JavaScript: ... ...

Слайд 20

Описание слайда:

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

Слайд 21

Описание слайда:

Способ 1: URL-схема "JavaScript:"

Слайд 22

Описание слайда:

Способ 1: URL-схема "JavaScript:" А при нажатии на кнопку типа submit в форме можно заполнить текстовое поле этой же формы:

Слайд 23

Описание слайда:

Способ 2: обработчики событий Такие программы, как обработчики событий, указываются в атрибутах контейнеров, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие Click и соответственно вызывается обработчик этого события onClick:

Слайд 24

Описание слайда:

Способ 2: обработчики событий А в момент завершения полной загрузки документа (он связан с контейнером ) происходит событие Load и, соответственно, будет вызван обработчик этого события onLoad: ...

Слайд 25

Описание слайда:

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

Слайд 26

Описание слайда:

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

Слайд 27

Описание слайда:

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

Слайд 28

Описание слайда:

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

Слайд 29

Описание слайда:

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

Слайд 30

Описание слайда:

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

Слайд 31

Описание слайда:

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

Слайд 32

Описание слайда:

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

Слайд 33

Описание слайда:

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

Слайд 34

Описание слайда:

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

Слайд 35

Описание слайда:

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

Слайд 36

Описание слайда:

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

Слайд 37

$Размещение кода внутри HTML-документа function time_scroll() { var d = new Date(); window.status = d.getHours() + ':' + d.getMinutes() + ':' +...$

Описание слайда:

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

Слайд 38

Описание слайда:

Размещение кода внутри HTML-документа Часы в строке статуса

Слайд 39

Описание слайда:

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

Слайд 40

Описание слайда:

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

Слайд 41

Описание слайда:

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

Слайд 42

Описание слайда:

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

Слайд 43

Описание слайда:

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

Слайд 44

Описание слайда:

Комментарии в HTML и JavaScript a=5; // однострочный комментарий /* Многострочный комментарий */

Слайд 45

Описание слайда:

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

Слайд 46

Описание слайда:

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

Слайд 47

Описание слайда:

Комментарии в HTML и JavaScript

Слайд 48

Описание слайда:

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

Слайд 49

Описание слайда:

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

Слайд 50

Описание слайда:

Указание языка сценария Поэтому все наши примеры можно записывать следующим образом: ...

Слайд 51

Описание слайда:

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

Слайд 52

Описание слайда:

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

Слайд 53

Описание слайда:

Указание языка сценария Например, все наши примеры можно оформлять так: ...

Слайд 54

Описание слайда:

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

Слайд 55

Описание слайда:

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

Слайд 56

Описание слайда:

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

Слайд 57

Описание слайда:

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

Слайд 58

Описание слайда:

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

Слайд 59

Описание слайда:

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