Web Builder - Строитель Веба

Содержание урока

1. Основы Java Script
    >> Основы JavaScript
    >> Назначение JavaScript
2. Структура документа
    >> Структура документа
    >> Теги <NOSCRIPT> и </NOSCRIPT>
3. Функция
4. Символы комментариев
5. Переменные
6. Ввод и вывод информации
    >> Ввод
    >> Вывод
7. Дополнительный материал
    >> История создания
    >> Java апплеты
Тест
Задания
Литература

Структура документа

Прежде чем начать разговор о языке Java Script, сделаем ряд замечаний.
В отличии от Java-аплетов и элементов ActiveX, загружаемых отдельно от HTML - документа, в котором они используются, программы, написанные на языке JavaScript, располагаются непосредственно в HTML- документах. Для этого используется специальный тег <SCRIPT> и парный ему </SCRIPT>:

Пример:
<SCRIPT LANGUAGE="JavaScript">
...
программа на JavaScript
...
</SCRIPT>

Внимание: JavaScript пишется только таким образом (слитно, J и S заглавные).

Атрибут LANGUAGE указывает, на каком языке написана данная программа (в нашем случае JavaScript). Для того, чтобы браузеры, не поддерживающие скриптовые программы, могли пропустить их, программы располагаются внутри блока комментариев:

Пример:
<SCRIPT LANGUAGE="JavaScript">
<!-
...
программа на JavaScript
...
//->
</SCRIPT>

Внимание! Ранние версии браузеров требуют указания комментария JavaScript "//" перед закрывающим комментарием языка HTML.

В атрибуте LANGUAGE можно указывать и номер версии языка Java Script, использовавшейся для написания программы. Это может быть Java Script (Netscape Navigator 2.0), JavaScript 1.1 (Netscape Navigator 3.0), JavaScript 1.2 (Netscape Navigator 4.0) или JScript (Microsoft Internet Explorer).

Отметим, что браузеры фирм Microsoft и Netscape поддерживают задание имени скриптового языка в виде ключевого слова LiveScript.

Теперь рассмотрим структуру документа.

Функции, составляющие программу, написанную на языке JavaScript, располагаются в секции <HEAD> HTML- документа. Так как эта секция загружается первой, гарантируется, что такие функции будут загружены раньше, чем пользователь сможет их вызвать с помощью тех или иных средств, располагаемых в секции <BODY>.

Пример HTML-документа:
<HTML>
<HEAD>
<TITLE> Пример программы на языке JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-
...
программа на JavaScript
...
//->
</SCRIPT>
</HEAD>
<BODY>
...
Текст HTML-документа и вызов функций на JavaScript
...
</BODY>
</HTML>

Теги <NOSCRIPT>...</NOSCRIPT>

Cчитается хорошим тоном включать после пары тегов <SCRIPT>...</SCRIPT>, в которой содержится скриптовая программа, группу <NOSCRIPT>...</NOSCRIPT>, где может содержаться текст для тех пользователей, браузер которых не поддерживает JavaScript или в браузере которых отключена поддержка JavaScript.

Внимание: теги <NOSCRIPT>...</NOSCRIPT> пишутся большими буквами.

Шаблон HTML- документа, содержащего все необходимые компоненты для создания скриптовых программ, будет выглядеть следующим образом:

<HTML>
<HEAD>
<TITLE>Пример программы на JavaScript /TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-
...
программа на Java Script
...
->
</SCRIPT>
<NOSCRIPT>
<!-
Здесь располагается текст для пользователей, браузер которых не поддерживает JavaScript
->
</NOSCRIPT>
</HEAD>
<BODY>
...
Текст HTML- документа и вызов функций на JavaScript
...
</BODY>
</HTML>

Cама секция <NOSCRIPT>...</NOSCRIPT> может так же выглядеть следующим образом:

<NOSCRIPT>
<center>
К сожалению, Ваш браузер не поддерживает JavaScript. Пожалуйста, обновите версию Вашего браузера.

Это можно сделать либо на <a href="http://www.microsoft.com/"> Web-узле фирмы Microsoft </a>, либо - <a href="http://www.netscape.com/"> Web-узле фирмы Netscape</a>
</center>
</NOSCRIPT>

<<<<<

>>>>>

НАВЕРХ