Шаг 2.
Основы JavaScript.
Расположение скрипта в HTML-документе

    На этом шаге мы рассмотрим приведем пример скрипта.

    JavaScript - это язык программирования, который "понятен" браузеру. Это означает, что браузер умеет выполнять (интерпретировать) команды этого языка.

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

    Программы на JavaScript (их еще называют скриптами) не работают самостоятельно. Коды на JavaScript дополняют коды HTML и "живут" вместе с ними, даже если они расположены в отдельном файле.

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

<SCRIPT LANGUAGE="JavaScript">
  // Здесь пишется текст программы (скрипта)
</SCRIPT>

    В соответствии со стандартом HTML, теги <SCRIPT LANGUAGE="JavaScript"> и </SCRIPT>, как не принадлежащие к HTML, игнорируются, но текст между этими текстами остается виден. Чтобы его скрыть, необходимо заключить этот текст в контейнер - комментарий HTML:

<SCRIPT LANGUAGE="JavaScript">
<!--
  // Здесь располагается текст скрипта
//-->
</SCRIPT>

    JavaScript понимает и игнорирует первую строку контейнера <SCRIPT>, начинающий комментарий HTML. Ему (языку JavaScript) легко это сделать, поскольку никакая строка никакой программы JavaScript не может начинаться со знака "<". Но JavaScript не в состоянии отличить последнюю строку контейнера от "ошибочного" оператора, начинающегося с двойного минуса - такой оператор имеется в JavaScript. Поэтому необходимо эту последнюю строку контейнера записать в виде комментария JavaScript:

<SCRIPT LANGUAGE="JavaScript">
<!--
  // Здесь располагается текст скрипта
// -->
</SCRIPT>

    Таким образом, только что был изучен первый оператор JavaScript - однострочный комментарий.

    Первый скрипт познакомит вас с самыми основами создания и размещения JavaScript на Web-странице. Скрипт помещает текст на Web-страницу. В данном случае текст будет красного цвета. Вот текст HTML-документа, содержащего этот скрипт:

<HTML>
<HEAD>
<TITLE>Первый скрипт</TITLE>
<SCRIPT  LANGUAGE="JavaScript">
<!--
  document.write("<FONT COLOR='RED'>Это красный текст</FONT>");
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
Текст этого документа можно взять здесь.

    Результат просмотра этого документа в браузере изображен на рисунке 1.


Рис.1. Результат просмотра документа в браузере

    Разберем подробно данный скрипт. Начнем с первой строки:

    <SCRIPT LANGUAGE="JavaScript">

    Это код HTML, который дает браузеру понять, что с этого места начинается JavaScript. Параметр LANGUAGE определяет язык, используемый при написании скрипта. Вот основная часть скрипта:

    document.write("<FONT COLOR='RED'>Это красный текст</FONT>");

    Вот из чего состоит скрипт: указывается document (документ HTML) и те изменения, которые в нем произойдут: что-то будет написано (write). То, что будет написано, находится в скобках.

    Конструкция document представляет собой объект. Слово write (вывести), отделенное точкой, называется методом объекта. Текст в скобках называется параметром метода, он передается методу, когда тот воздействует на объект. Имейте в виду, что текст внутри скобок находится в кавычках. Этот текст в представляет собой простой тэг HTML, который позволяет задать параметры текста. Обратите внимание, что дальше идут одинарные кавычки. Если поставить двойные, JavaScript решит, что это конец строки, и получится, что только часть вашего текста будет применена к объекту, а это уже ошибка.

    На следующем шаге мы рассмотрим определение файла для JAvaScript.




Предыдущий шаг Содержание Следующий шаг