Основные положения языка JavaScript

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Лабораторная работа

Основные положения языка JavaScript



Программа (сценарий) на языке JavaScript представляет собой последовательность операторов с "точкой с запятой" (;) между ними. Если каждый оператор размещается на одной строке, то разделитель можно не писать. Один оператор может располагаться на нескольких строках.

Комментарий

В программах на JavaScript можно использовать комментарии. Для того чтобы задать комментарий, располагающийся на одной строке, достаточно перед его текстом поставить две косые черты (//). Если же поясняющий текст занимает несколько строк, то его следует заключать между символами /* и */.

Регистр

В JavaScript строчные и прописные буквы алфавита считаются разными символами. То есть JavaScript регистрозависимый язык.

Любой язык программирования оперирует с постоянными и переменными величинами. В JavaScript это литералы и переменные.

Опр.: Простейшие данные, с которыми может оперировать программа, называются литералами.

Литералы не могут изменяться. Литералы целого типа могут быть заданы в десятичном (по основанию 10), шестнадцатеричном (по основанию 16) или восьмеричном (по основанию 8) представлении. Шестнадцатеричные числа включают цифры 0-9 и буквы а, b, с, d, e, f. Шестнадцатеричные числа записываются с символами 0х перед числом, например, 0x25, 0xa1,0xff. Запись вещественного литерала отличается от записи вещественного числа в математике тем, что вместо запятой, отделяющей целую часть от дробной, указывается точка, например, 123.34, -22.56. Кроме того, для записи вещественных чисел можно использовать так называемую экспоненциальную форму.

Кроме целых и вещественных значений в языке JavaScript могут встречаться так называемые логические значения. Существуют только два логических значения: истина и ложь. Первое представляется литералом true, второе - false. В некоторых реализациях JavaScript может быть использована единица в качестве true, и ноль в качестве false.

Строковый литерал представляется последовательностью символов, заключенной в одинарные или двойные кавычки. Примером строкового литерала может быть строка "результат" или 'результат'.

Опр.: Элемент, используемый для хранения данных, называется переменной.

Тип переменной зависит от хранимых в ней данных, при изменении типа данных меняется тип переменной. Определить переменную можно с помощью оператора var, например: var test1.

В данном случае тип переменной test1 не определен и станет известен только после присвоения переменной некоторого значения. Оператор var можно использовать и для инициализации переменной, например, конструкцией var test2=276 определяется переменная test2 и ей присваивается значение 276.

Значение переменной изменяется в результате выполнения оператора присваивания. Оператор присваивания может быть использован в любом месте программы и способен изменить не только значение, но и тип переменной. Оператор присваивания выглядит так: а=b, где а - переменная, которой мы хотим задать некоторое значение; b - выражение, определяющее новое значение переменной.

Пусть в сценарии описаны следующие переменные

var n=3725

var x=2.75

var p=true

var s="Выполнение завершено"

n и x имеют тип number, тип переменной р - логический, переменная s имеет тип string. В JavaScript определен тип function для всех стандартных функций и функций, определяемых пользователем. Объекты JavaScript имеют тип данных object. Переменные типа object часто называют просто объектами, они могут хранить объекты.

Опр.: Выражения строятся из литералов, переменных, знаков операций, скобок. В зависимости от типа вычисленного значения выражения можно разделить на арифметические, логические и строковые. Арифметические выражения получаются при выполнении операций, перечисленных в табл.1.

Операции отношения применимы к операндам любого типа. Результат операции - логическое значение true, если сравнение верно, и false - в противном случае.

Приоритет операций определяет порядок, в котором выполняются операции в выражении.

Как запустить JavaScript

Написать и запустить JavaScript можно двумя способами.

1. Внутри тега <script> на HTML странице:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Это заголовок страницы</title>

<script>

var name = 'Марина';

alert('Привет, '+name);

</script>

</head>

<body>

Это основное содержимое страницы.

</body>

</html>

Тег <script> можно располагать в любом месте страницы - как в <head>, так и в <body>.

2. JavaScript код хранится в отдельном файле (наподобие CSS).

И подключается тоже с помощью тега <script> с атрибутом src, в котором указывается путь к файлу со скриптом:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Это заголовок страницы</title>

<script src="путь к файлу со скриптом"></script>

</head>

<body>

Это основное содержимое страницы.

</body>

</html>

Пример 1. Вычисление площади треугольника:

Необходимо написать сценарий, определяющий площадь прямоугольного треугольника по заданным катетам. Сценарий разместим в разделе <body> HTML-документа (листинг 1).

Листинг 1. Первый сценарий в документе:

<html>

<head>

<title>Первый сценарий в документе</title>

</head>

<body>

<p>Страница, содержащая сценарий.</p>

<script>

<!--

var a=8; h=10; /*Инициализируются две переменные*/

document.write ("Площадь прямоугольного треугольника равна ", a*h/2,".");

/*Для формирования вывода используется метод write объекта document*/

//-->

</script>

<p>Конец формирования страницы, содержащей сценарий</p>

</body>

</html>

Функция alert

В JavaScript существует специальная функция alert, которая позволяет вывести какой-либо текст в окно браузера в виде диалогового окошка.

Следующий код выводит на экран заданный текст:

alert('Привет, мир!'); //выведет на экран фразу 'Привет, мир!'

А в следующим коде переменной text присваивается фраза, а затем содержимое этой переменной выводится на экран:

var text = 'Привет, мир!';

alert(text); //выведет на экран фразу 'Привет, мир!'

Функция prompt

Кроме функции alert, которая выдает диалоговое окошко, существует функция prompt, которая не только выдает окошко с текстом, но и позволяет получить от пользователя какой-либо текст.

Этот текст можно записать в переменную и затем выполнить над ним какие-либо операции.

В следующем примере мы спросим имя пользователя, запишем его в переменную name и с помощью функции alert выведем на экран:

var name = prompt('Ваше имя?');

alert('Ваше имя: ' +name);

Функция confirm

Если вам нужно просто спросить у пользователя 'Да' или 'Нет', не давая ему возможность ввести иной текст - используйте функцию confirm.

Эта функция вызывает окошко с вопросом, на который нужно ответить пользователю, и двумя кнопками для ответа: с кнопкой 'ОК' и с кнопкой 'Отмена'.

Если пользователь нажмет 'ОК' - то функция вернет true, а если 'Отмена' - то вернет false.

В следующем примере функция confirm выведет диалоговое окно с вопросом 'Вам уже есть 18 лет?'.

Если вы нажмете 'Ок', то в переменную ok запишется true и выведется на экран функцией alert, а если нажмете 'Отмена' - то false:

var ok = confirm('Вам уже есть 18 лет?');

alert(ok);

Метод document.write

Метод document.write() отображает информацию на веб-странице.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title> JavaScript </title>

</head>

<body>

<h2> Первая программа на JavaScript </h2>

<script>

var a = 5 + 8;

document.write("Результат операции ");

document.write(a);

</script>

</body>

</html>

язык javascript программа

Вывод результат:

Задания

1. Создайте переменную num и присвойте ей значение 3. Выведите значение этой переменной на экран с помощью метода alert.

2. Создайте переменные a=10 и b=2. Выведите на экран их сумму, разность, произведение и частное (результат деления).

3. Создайте переменные c=15 и d=2. Просуммируйте их, а результат присвойте переменной result. Выведите на экран значение переменной result.

4. Создайте переменные a=10, b=2 и c=5. Выведите на экран их сумму.

5. Создайте переменные a=17 и b=10. Отнимите от a переменную b и результат присвойте переменной c. Затем создайте переменную d, присвойте ей значение 7. Сложите переменные c и d, а результат запишите в переменную result. Выведите на экран значение переменной result.

6. Создайте переменную str и присвойте ей значение 'Привет, Мир!'. Выведите значение этой переменной на экран.

7. Создайте переменные str1='Привет, ' и str2='Мир!'. С помощью этих переменных и операции сложения строк выведите на экран фразу 'Привет, Мир!'.

8. Создайте переменную name и присвойте ей ваше имя. Выведите на экран фразу 'Привет, %Имя%!'.

9. Создайте переменную age и присвойте ей ваш возраст. Выведите на экран 'Мне %Возраст% лет!'.

10. Спросите имя пользователя с помощью методы prompt. Выведите с помощью alert сообщение 'Ваше имя %имя%'.

11. Спросите у пользователя число. Выведите с помощью alert квадрат этого числа.

12. Создайте переменную str и присвойте ей значение 'abcde'. Обращаясь к отдельным символам этой строки выведите на экран символ 'a', символ 'c', символ 'e'.

13. Создайте переменную num и присвойте ей значение '12345'. Найдите произведение (умножение) цифр этого числа.

14. Напишите скрипт, который считает количество секунд в часе, в сутках, в месяце.

15. Создайте три переменные - час, минута, секунда. С их помощью выведите текущее время в формате 'час:минута:секунда'.

16. Создайте переменную, присвойте ей число. Возведите это число в квадрат. Выведите его на экран.

17. Переделайте этот код так, чтобы в нем использовались операции +=, -=, *=, /=. Количество строк кода при этом не должно измениться.

var num = 47;

num = num + 7;

num = num - 18;

num = num * 10;

num = num / 15;

alert(num);

18. Переделайте этот код так, чтобы в нем использовались операции ++ и --. Количество строк кода при этом не должно измениться.

var num = 10;

num = num + 1;

num = num + 1;

num = num - 1;

alert(num);

19. Составить сценарий, в котором вычисляется площадь круга по заданному радиусу.

20. Составить сценарий, вычисляющий гипотенузу по заданным катетам.

Размещено на Allbest.ru