Для освоения JavaScript Вам понадобится только браузер и простенький текстовый редактор типа "Блокнота".
Как же браузер понимает, что перед ним программа на JavaScript? Очень просто - для этого существует специальная конструкция:
<SCRIPT LANGUAGE="JavaScript">
<!-- А здесь собственно сценарий... // -->
</SCRIPT>
А теперь подробно разберем данную конструкцию:
<SCRIPT - эта команда говорит браузеру, что за ней начинается тело скрипта;
LANGUAGE="JavaScript"> - этим атрибутом мы говорим браузеру, что используется именно JavaScript;
<!--
- а это - начало блока комментариев. Он нужен для того, чтобы браузеры,
не понимающие сценарии, не отобразили сценарий как простой текст в теле
документа. Браузер, понимающий сценарий, проигнорирует символ
комментария;
// --> - конец блока комментариев;
- браузер с нашей помощью понимает, что скрипт закончился.
Заметьте, что закрывающий тег обязателен в любом случае!
Куда
же поместить данную конструкцию? Да куда угодно! Но обычно
руководствуются следующим правилом: если скрипт будет ВЫЗЫВАТЬСЯ из
тела документа (например, написанная Вами функция), он помещается в
раздел HEAD HTML-документа; если скрипт будет ВЫЗЫВАТЬСЯ из тела
документа, но для его нормальной работы необходимо, чтобы документ был
полностью загружен (например, скрипт занимается выводом списка всех
встреченных ссылок на странице), то он помещается в самый конец
документа; если скрипт должен ЗАПИСАТЬ что-либо в документ в момент его
загрузки, он помещается в то место, от которого должна начинаться
вставляемая строка.
Конечно, на самом деле не все так строго, и
в большинстве случаев допустимо достаточно вольное обращение с местом
вставки скрипта в документ.
А теперь давайте на примере конкретной задачи разберем некоторые особенности синтаксиса javascript:
<SCRIPT LANGUAGE="JavaScript">
<!--
var variable = "Test...";
var digit = 123; alert(variable); alert(digit);
// -->
</SCRIPT>
Что
делает этот скрипт? В первых двух строках мы создаем две переменные,
одна из которых содержит строку (заключена в кавычки), а другая -
число. Переменная создается ключевым словом var. Таким образом, в
JavaScript нет четких типов данных. То есть одна переменная может иметь
и строковое, и числовое значение. Браузер сам интерпретирует значение
переменной, исходя из контекста.
Теперь о синтаксисе. Две правые
наклонные черты - // - это начало комментария, который продолжается до
конца строки. Текст комментария при выполнении скрипта игнорируется.
Точка с запятой - очень важный атрибут. Для более аккуратного кодинга
заканчивайте ей строку команды (хотя, если у Вас в одной строке всего
одна команда, этого делать необязательно).
Затем, в последующих
двух строках мы используем функцию JavaScript alert() для вывода окна
сообщения. Там Вы увидите значения переменных.
Теперь немного о контексте. Вот Вам пример:
<SCRIPT LANGUAGE="JavaScript">
<!--
var one = "1";
var two = 3; var result1 = one + two; //result1 = 13;
var result2 = two + one; //result2 = 4;
// -->
</SCRIPT>
Вот
Вам и пожалуйста... Почему так? Просто в первом случае при сложении
двух переменных первая переменная была строкой (число в кавычках), а
вторая - числом. И JavaScript честно прибавил к строке число, и у нас
получилась строка "14". Во втором случае JavaScript конвертировал
строку в число, и получилось число 4.
|
