Главная->Уроки по js->Элементы языка
Элементы языка
JavaScript может содержать следующие элементы:
<table border="2" cellpadding="4" cellspacing="0" width="100%">
<tbody><tr>
<td width="1%">Операторы</td>
<td width="99%">Производят действия над одним или несколькими операндами
или переменными. Операторы разделяются друг от друга точкой с запятой
";".</td>
</tr><tr>
</tr><tr>
<td width="1%">Функции</td>
<td width="99%">Последовательность операторов, выполняющих какую-либо
задачу. Синтаксис:
<p> <SCRIPT LANGUAGE="JavaScript"><br>
<!--<br>
NameFunction()<br>
{<br>
alert("Добро пожаловать !")<br>
}<br>
//--><br>
</SCRIPT>
</p><p> <BUTTON TYPE="SUBMIT" ONCLICK="NameFunction();"><font color="black">
Пример </font></BUTTON>
</p><p> Имя функции (NameFunction) произвольно и определяется программистом.
Для того чтобы вызвать функцию достаточно указать имя функции и
круглые скобки, в которых могут находится передаваемые параметры.
</p><p> Данный пример демонстрирует вызов функции NameFunctionпри нажатии
кнопки NameFunction, после чего функция выполняет метод alert -
отображение окна с текстом (параметром) Добро пожаловать !
</p></td>
</tr><tr>
</tr><tr>
<td width="1%">Методы</td>
<td width="99%">Функции, которые сразу совершают какое-то действие над
объектом. Метод представляет собой функцию, связанную с объектом.</td>
</tr><tr>
</tr><tr>
<td width="1%">События (обработчики событий)</td>
<td width="99%">Действия, которые произвел пользователь: щелкнул на
ссылке (кнопке), подвел курсор мышки над каким-либо объектом, щелкнул
в текстовом поле для его заполнения (передал фокус этому элементу)
и т.д. Они позволяют программисту отслеживать действия пользователя
(события) по отношению к странице HTML.</td>
</tr><tr>
</tr><tr>
<td width="1%">Комментарии</td>
<td width="99%">Примечания программиста, которые будут игнорированы
интерпритатором. Однострочные комментарии начинаются с символа " //".
Многострочные комментарии начинаются с "/* " и заканчиваются "*/ ".
<p> // Комментарий ограничен данной строкой
</p><p> /* Комментарий начинается здесь<br>
и заканчивается здесь */
</p></td>
</tr><tr>
</tr><tr>
<td width="1%">Переменные </td>
<td width="99%">Переменные объявляются при помощи ключевого слова var,
за которым следует имя переменной. Возможно объявление сразу нескольких
переменных, в этом случае они разделяются запятой. Кроме того, переменные
могут быть сразу инициализированы при объявлении, т.е. им будет присвоено
значение.
<p> var NameofVariable1, NameofVariable2 = 567;</p>
Здесь переменная NameofVariable1просто объявлена, а переменная NameofVariable2
еще и инициализирована при объявлении и ей присвоено значение 567.
<p> Областью видимости переменной является текущая функция или, в
случае объявления вне функции, весь текущий документ (web-страничка).
</p><p> var globalString;<br>
function bracket()<br>
{<br>
var localString = "[" + globalString + "]";<br>
document.write(localString);<br>
}</p>
В вышеприведенном примере переменная globalString может быть использована
в любой функции или сценарии текущего документа (такие переменные
называют глобальными для данного документа), а переменная localString
видна только внутри функции bracket (такие переменные называют локальными
переменными функции). Как Вы видите, при инициализации локальной переменной
мы можем использовать значение глобальной переменной.
<p> Типы переменных:
</p><ul>
<li>численный;
</li><li>логический;
</li><li>строковый;
</li></ul>
Численные переменные могут содержать целые числа и числа с плавающей
точкой. Целые числа могут быть выражены в обычном десятичном (по основанию
10), шестнадцатеричном (по основанию 16) или восьмеричном (по основанию
8) представлении.
<p> Логические переменные могут иметь только два значения: <font color="green"><b>true</b></font>
(истина) или <font color="green">false</font> (ложь). Вместо <font color="green"><b>true</b></font>
и false можно использовать соответственно 1 и <font color="green"><b>0</b></font>.
</p><p> Строковые переменные содержат любое количество символов - строку.
При присваивании строковой переменной значения (строки) строка всегда
окружена одинарными или двойными кавычками.
</p><p> var variable1 = 534, variable2 = true, variable3 = "строка";
</p><p> Мы объявили переменные:<br>
variable1 - численная;<br>
variable2 - логическая;<br>
variable3 - строковая;
</p><p> А использование обратного слеша "\" позволяет вставлять
в строку специальные символы:
</p><p> document.write("\"Сделайте это\", - сказал он.");
</p><p> выводит фразу "Сделайте это", - сказал он.
</p></td>
</tr><tr>
</tr></tbody></table>