
	карта сайта	индекс	поиск	помощь	info

14. JAVASCRIPT

Основы JavaScript

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

Так как 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">

</script>
</body>
</html>

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

<html>
<head>
<title>Script</title>
</head>
<body>
<h1>Script</h1>
<script language = "JavaScript">

</script>
</body>
</html>

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

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

Управляющие структуры JavaScript

Основными управляющими структурами в JavaScript являются операторы условного перехода if, if – else, циклы for, while и do – while, а так же оператор выбора switch. Синтаксис управляющих структур практически такой же как и в C++.

Пример оператора if – else:

if(a < 5)
{
alert("меньше пяти");
d = c + a;
}
else
alert("не меньше пяти");

Если после if или else следует несколько строк операторов, то следует их группировать с помощью фигурных скобок:

if(a < 5)
{
alert("меньше пяти");
d = c + a;
}

Приведем пример использования оператора switch, в котором пользователю предлагается угадать целое число от одного до пяти:

<html>
<head>
<title>Swithc</title>
</head>
<body>
<script language = "JavaScript">
var Number = prompt("Введите целое число от 1 до 5:", "");
Number = parseInt(Number);
switch(Number)
{
case 1:
document.write("Слишком мало");
break;
case 2:
document.write("Слишком мало");
break;
case 3:
document.write("Верно!");
break;
case 4:
document.write("Слишком много");
break;
case 5:
document.write("Слишком много");
break;
default:
document.write("Вы ввели не целое число от 1 до 5");
break;
}
</script>
</body>
<html>

Пример оператора for, в котором выводятся пять пар чисел – первое от нуля до четырех с шагом 1, а второе от нуля до восьми с шагом 2:

var b = 0;
for(i = 0; i < 5; i++)
{
b = i * 2;
document.write("i = " + i + "; " + "b = " + b + "<br>");
}

Того же самого эффекта можно добиться и с помощью оператора while:

i = 0;
b = 0;
while(i < 5)
{
b = i * 2;
document.write("i = " + i + "; " + "b = " + b + "<br>");
i++;
}

а так же с помощью do – while:

i = 0;
b = 0;
do
{
b = i * 2;
document.write("i = " + i + "; " + "b = " + b + "<br>");
i++;
}
while(i < 5)

Хотя в данном случае предпочтительным все же является использование оператора for.

< предыдущая

оглавление

следующая >

Кто Вы?

Исследователь

Специалист

Управленец

Преподаватель

Студент

Аспирант

Другое

Результаты голосования