Многострочные комментарии начинаются слешем-звездочкой "/*" и заканчиваются звездочкой-слэшем "*/". Вложенные комментарии не поддерживаются!
Скрипты могут располагаться как в области заголовка HTML, так и в области тела HTML.
Пример документа HTML и места скрипта в теле документа:
<html>
<head>
<!-- область заголовка HTML - это комментарий HTML -->
</head>
<body>
<!-- область тела документа HTML -->
<script>
//пример встраивания javascript в тело документа
/*использован метод Writeдля вывода на страницу результата выполнения функции Date() – возвращение текущего даты/времени
*/
document.write(Date());
</script>
</body>
</html>
Пример кода в составе страницы HTML:
<html>
<body>
<p>
JavaScript может написать прямо в теле документа
</p>
<script>
document.write("<h1>Это тег для заголовка</h1>");
document.write("<p>Это тег для обозначения параграфа</p>");
</script>
<p>
Вы можете использовать метод <strong> document.write </strong> в теле выходном
HTML.
Если вы используете этот метод после загрузки документа (например, в функции), весь документ будет перезаписан.
<!--тег <strong> делает выделения текста на выходе страницы -->
</p>
</body>
</html>
Текст сценария оформляется как комментарий, чтобы не было проблем у посетителей, брaузеры которых не понимают JavaScript. Кроме того к символам, завершающим комментарий добавляется еще два символа "/", т.к. некоторые браузеры рассматривает строку, состоящую только из символов "-->", как ошибочную.
Объект document– это HTML-документ, загруженный в окно браузера. Метод write записывает в тело HTML-документа строку "Привет!". При этом документ будет выгдядеть так, как будто эта строка находится в нем на месте сценария.
Имейте в виду, что JavaScript, в отличие от HTML, различает строчные и прописные буквы. Кроме того символ дефиса в JavaScript распознается как минус, т.е. если фон объекта в HTML-документе задается через свойство background-color, то в JavaScript - через backgroundColor.
Переменные в JavaScript
Имя переменной не должно совпадать с зарезервированными ключевыми словами JavaScript. Все переменные в JavaScript объявляются с помощью ключевого слова var. При объявлении тип переменной не указывается. Этот тип присваивается переменной только тогда, когда ей присваивается какое-либо значение. Числа в строки интерпретатор JavaScript преобразует автоматически. Для преобразования строк в числа используют специальные функции parseInt и parseFloat.
Пример
<html><head></head><body><h1>Пример преобразования типов</h1><script type="text/javascript"><!--var Buf=""; //Пустая строкаBuf=100+" - число сто<br>";Buf+=(parseInt("50")+50)+" - число сто<br>";document.write(Buf);//--></script></body></html></html>
Примеры использования простейших преобразований типов:
var myVar = "3.14159",
str = ""+ myVar,// в string
int = ~~myVar, // в integer
float = 1*myVar, // во float
bool = !!myVar, // в boolean - все непустые строки и числа кроме 0 будут true
array = [myVar]; // в array
Конвертирование в даты (new Date(myVar)) и регулярные выражения (new RegExp(myVar)) нужно делать с использованием конструкторов.
Операторы языка JavaScript
Операторы JavaScript напоминают общеизвестные операторы языка С++.
Унарные операторы
-
Изменение знака на противоположный
!
Дополнение. Используется для реверсирования значения логических переменных
++
Увеличение значения переменной. Может применяться и как префикс, и как суффикс
--
Уменьшение значения переменной. Может применяться и как префикс, и как суффикс
Бинарные операторы
-
Вычитание
+
Сложение
*
Умножение
/
Деление
%
Остаток от деления
Операторы для работы с отдельными битами
&
И
|
ИЛИ
^
ИСКЛЮЧАЮЩЕЕ ИЛИ
~
НЕ
Операторы сдвига
>>
Сдвиг вправо
<<
Сдвиг влево
>>>
Сдвиг вправо с заполнением освобождаемых разрядов нулями
Операторы отношения
>
Больше
>=
Больше или равно
<
Меньше
<=
Меньше или равно
==
Равно
!=
Не равно
В условных операторах также применяются логические операторы: || (ИЛИ) и && (И).
Оператор присваивания и его комбинации
Допускается комбинирование оператора присваивания с другими
=
Присваивание
+=
Сложение или слияние строк (n=n+7; аналог. n+=7;)
–=
Вычитание (n=n-7; аналог. n-=7;)
*=
Умножение
/=
Деление
>>=
Сдвиг вправо
<<=
Сдвиг влево
>>>=
Сдвиг вправо с заполнением освобождаемых разрядов нулями
&=
И
|=
ИЛИ
^=
ИСКЛЮЧАЮЩЕЕ ИЛИ
Условные операторы
В языке JavaScript два условных оператора: if-else и ?:.
Пример оператора if-else
if(Vol<2)
{
b=true;
ss="w002.htm";
}
else if(Vol>100)
{
b=true;
ss="w100.htm";
}
Пример оператора ?:
b = (Vol<2 || Vol>100) ? true:false;
Пример оператора switch - case:
switch(variable) {
case value_1: {
//блок операторов_1
break;
}
case value_2: {
//блок операторов_2
break;
}
case value_n: {
//блок операторов_n
break;
}
default: {
//блок операторов по умолчанию
}
}
Операторы цикла
В языке JavaScript три оператора цикла: for, for-in, while.