Расположение сценариев JavaScript
Javascript-код может быть размещен как на самой странице, так и во внешнем файле.
Javascript-код на странице
Сценарии, написанные на языке javascript, могут располагаться на самой html-странице между тегами <script></script>, которые в свою очередь обычно находятся в тегах <head></head>. У тега <script> должен быть указан параметрlanguage, который и указывает язык написания скрипта:
<html>
<head>
<title>Заголовок документа</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript"> </script>
</head>
<body>
</body>
</html>
Теоретически теги <script></script> могут располагаться и в теле документа (в тегах <body></body>). Выполняться такой сценарий будет тогда, когда браузер "дочитает" страницу до этого места (до тегов <script></script>). Использовать такой способ сейчас не принято.
Javascript-код во внешнем файле
Создайте в блокноте страницу (пока пустую) и сохраните ее как script.js в ту же папку, где лежит html-страница:
Это будет наша страница с javascript-кодом. Теперь нам надо подключить страницу script.js к html-странице. Для этого, как вы помните, в html существует тег <script>, который и отвечает за подключение внешних файлов скриптов (html - урок 2). Добавим этот тег в html-страницу:
<html>
<head>
<title>Заголовок документа</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
</body>
</html>
17. Общие сведения о языке JavaScript: типы данных, переменные, диалоговые окна, операторы.
Типы данных
Число «number», Строка «string», Булевый (логический) тип «boolean», Специальное значение «null», Специальное значение «undefined», Объекты «object»
Диалоговые окна
Диалоговые окна в JavaScript
Диалоговые окна в JavaScript
В JavaScript есть 3 типа диалоговых окон.
1. Сообщение:
alert("My message");
Просто отображает сообщение пользователю.
2. Запрос подтверждения:
confirm("Are you sure?");
Отображает наше сообщение и 2 кнопки: «Ок» и «Отмена». Возвращает логическое значение true/flase.
3. Ввод текста:
prompt("Please, enter the text:");
Отображает указанное сообщение и поле для ввода текста. Возвращает строку, которая была указана или NULL в противном случае.
Операторы
· delete
· function
· in
· instanceof
· new
· this
· typeof
· void
· Аксессоры
object.property и object["property"]
· Арифметические операторы
+, -, *, /, %, ++, --
· Запятая
,
· Логические операторы
&&, ||, !
· Операторы присваивания
=, +=, -=, *=, /=, >>=, <<=, >>>=, &=, |=, ^=
· Операторы сравнения
==, !=, ===, !==, >, >=, <, <=
· Побитовые операторы
&, |, ^, ~, <<, >>, >>>
· Строковые операторы
+, +=
· Условный оператор
condition ? ifTrue : ifFalse
Переменные и типы данных JavaScript.
Переменная
Переменная состоит из имени и выделенной области памяти, которая ему соответствует.
Для объявления или, другими словами, создания переменной используется ключевое слово var:
var message;После объявления, можно записать в переменную данные:
var message;message = 'Hello'; // сохраним в переменной строкуЭти данные будут сохранены в соответствующей области памяти и в дальнейшем доступны при обращении по имени:
var message;message = 'Hello!'; alert( message ); // выведет содержимое переменнойДля краткости можно совместить объявление переменной и запись данных:
var message = 'Hello!';Можно даже объявить несколько переменных сразу:
var user = 'John', age = 25, message = 'Hello';