Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
курс полный.doc
Скачиваний:
8
Добавлен:
15.08.2019
Размер:
756.74 Кб
Скачать

Основы JavaScript

Скрипт задается с помощью тега <script>:

<script language = "JavaScript"> <!-- ТЕЛО СКРИПТА //--> </script>

Так как JavaScript является основным, но все же не единственным языком написания скриптов, следует указать, что скрипт пишется именно на нем:

<script language = "JavaScript">

Тело скрипта заключается в комментарии, используемом в HTML, <!-- и -->. Это делается для того, чтобы ранние версии браузеров, не поддерживающие тег <script>, не выводили его текст на экран монитора. Знак // не относится к знаку комментариев HTML, но он необходим для правильной работы интерпретатора JavaScript. Этот знак означает в JavaScript, что строка, начинающаяся с него, является комментарием.

Основными типами данных в JavaScript являются целые, вещественные, булевы и строковые. Переменные в JavaScript задаются с помощью ключевого слова var:

var a = 27;

JavaScript является языком со свободной типизацией, поэтому в отличие от большинства других алгоритмических языков в нем не нужно указывать тип переменных. Причем одной и той же переменной можно присваивать различные типы данных:

var a = 27; a = 15.5; a = "String 1";

Для конкатенации (объединения) строк используется оператор +:

var a = "a" + "b" + "c";

Переменная a будет содержать строку "abc".

Массивы создаются с помощью оператора new:

var a = new Array(); a[0] = 1; a[1] = 4; a[2] = 7;

Причем нумерация элементов массива начинается с нуля.

В JavaScript допускается возможность хранить различные типы данных в одном массиве:

var a = new Array(); a[0] = 8; a[1] = 4.9; a[2] = "String 1";

С помощью JavaScript можно так же имитировать и многомерные массивы:

var a = new Array(); a[0] = new Array(); a[0][0] = "1,1"; a[0][1] = "1,2"; a[1] = new Array(); a[1][0] = "2,1"; a[1][1] = "2,2";

Приведем пример использования скрипта:

<html> <head> <title>Пример простого скрипта</title> </head> <body> <h1>Script</h1> <script language = "JavaScript"> <!-- var a = new Array(); a[0] = new Array(); a[0][0] = "1,1"; a[0][1] = "1,2"; a[1] = new Array(); a[1][0] = "2,1"; a[1][1] = "2,2"; document.write(a[0][0] + " " + a[0][1] + "<br>" + a[1][0] + " " + a[1][1] + "<br>"); //--> </script> </body> </html>

Ввод данных можно осуществить с помощью оператора prompt, а вывод с помощью оператора alert:

<html> <head> <title>Script</title> </head> <body> <h1>Script</h1> <script language = "JavaScript"> <!-- var a = prompt("Input A: ", 10); var b = prompt("Input B: ", ""); a = parseFloat(a); b = parseFloat(b); var c = a + b; alert(c); //--> </script> </body> </html>

Первый аргумент оператора prompt является строкой, которая будет использована в качестве приглашения пользователю, а второй – значением по умолчанию. Если не предполагается использовать значение по умолчанию, то необходимо задать пустую строку "".

Так как оператор prompt принимает строку, для того, чтобы преобразовать ее в число, используются операторы parseFloat и parseInt, преобразующие в переменную вещественного и целого типа соответственно.