Переменные и оператор присваивания в JavaScript.

Ввод и вывод данных в JavaScript.

Вывод текста, данных на экран в JavaScript осуществляется при помощи двух операторов: Alert и Write.

Оператор Alert в JavaScript

Этот способ вывода текста (информации) в JavaScript характерен тем, что на экране браузера появляется небольшое окно с сообщением – его еще называют диалоговой панелью. Характерные черты панели – наличие кнопки Ok и текстовой информации.

Давайте рассмотрим пример вывода сообщения в JavaScript: Alert('Привет!Как дела?') // в диалоговой панели появится соответствующая надпись

Вот так просто с помощью оператора Alert в JavaScript мы можем производить вывод данных на экран (текста, картинки, сообщения).

Данный способ вывода сообщений удобен в том случае, когда текстовое сообщение небольшое и не нуждающееся в форматировании. В противном случае стоит использовать оператор write.

Оператор Write в JavaScript

Данный метод предоставляется объектом document. Поэтому оператор вывода сообщений будет выглядеть так: document.write(‘Текстовая информация’). Текст будет отображаться не в диалоговой панели, а в окне браузера.

В отличие от первого способа мы можем форматировать наш документ при помощи тегов HTML языка. Строка с сообщением будет выглядеть в этом случае так, как если бы она являлась частью HTML странички.

Пример форматирования: document.write('<h1><strong><i>Вот так форматируется текст</i></strong></h1>')

Если сообщение большое, то его можно разделять на несколько подстрок при помощи символа +. document.write('Разделяем сообщение ' + ' символом +')

Ввод данных в JavaScript

Для ввода данных в JavaScript можно использовать также два способа: вызов confirm или prompt. Оба метода, как и alert, работают с диалоговой панелью, но имеют различные задачи. Первый требует от пользователя лишь выбора одного из двух вариантов, а второй – в заполнении формы.

1. Оператор confirm в JavaScript

При использовании данного оператора пользователь увидит на экране диалоговую панель, содержащую какое-то сообщение, а чуть ниже – две кнопки – Ok и Cancel. Такой способ необходим в том случае, если программа нуждается в действии от пользователя – подтверждения или опровержения какой-то информации.

Давайте рассмотрим пример использования оператора confirm:

1. if (confirm('Вы готовы перейти по ссылке?'))

2. document.write('Переходим…')

3. else

4. document.write('Переход по ссылке отменен')

Скрипт работает так:

• Выводит пользователю сообщение «Вы готовы перейти по ссылке?» и ждет его действий.

• Если пользователь нажимает да (Ok), то программа выводит на экран сообщение «Переходим…».

• Если пользователь нажимает отмена (cancel), то на экран выводится «Переход по ссылке отменен».

2. Оператор prompt в JavaScript

Этот оператор ждет от пользователя не только нажатия Ok или Cancel, а заполнения какой-либо формы. Пользователь увидит сообщение и строку, в которую он должен произойти ввод данных (даты, цифр, сообщения). Если он вводит данные и нажимает Ok, то метод prompt считывает содержимое строки и отдает переменной. В противном случае (при нажатии cancel) – переменная получает значение null.

Таким образом, данный метод имеет 2 параметра. Первый – это текст, объясняющий пользователю, что от него требуется. А второй – это значение, которое получит переменная, если пользователь нажмет (cancel).

Давайте разберем пример: var s // объявляем переменную с примитивом undefined

s=prompt('Введите свое имя', 'Имя не введено') // два параметра оператора prompt

document.write(s) //вывод на экран значения переменной

Типы данных в JavaScript.

Как и в любом другом языке программирования типы данный в JS делятся на:

–литералы и переменные

–массивы, функции и объекты

Литералы:

Литералами называются самые примитивные единицы в любом языке программирования, такие как числа и символы. В JavaScript литералы делятся на числовые и строковые:

Числовые литералы Строковые литералы

4 'w'

2.14 "Сайт"

4.5e+2 "Типы данных в JavaScript"

Использовать литералы в коде JS можно для операций присваивания и сравнения:

b = 6;

varpi = 'число ПИ';

if(q == 'b') q = b + 1;

Переменные:

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

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

i = 7;

vari = 7;

id = window.close();

vararr = new Array();

ob = document.forms;

В языке JavaScript существуют два основных вида массивов:

встроенные в интерпритатор (document.forms[], document.images[],...)

определяемые пользователем

Создается массив при помощи конструкции newArray();

a = new Array(); b = new Array(15); c = new Array(15,33,"значение 3");

В первом случае переменной a присваивается пустой массив, во втором переменной b присваивается массив, первым значением которого является число 15 и наконец, в третьем случае переменной c присваивается массив из 3х значений, третье из которых является строковым литералом.

Для обработки массивов в JS существует несколько основных методоов:

join(); reverse();sort();

Ниже представлен список основных операторов, которые мы с вами рассмотрим:

var; {...}; if; while; for; for ... in; break; continue; return.

Переменные и оператор присваивания в JavaScript.

Базовый оператор присваивание - это обычное приравнивание =, которое дает левому операнду значение правого операнда.

Остальные операторы являются сокращениями следующих форм.Сокращенный оператор Значение

x += y x = x + y

x -= y x = x - y

x *= y x = x * y

x /= y x = x / y

x %= y x = x % y

x <<= y x = x << y

x >>= y x = x >> y

x >>>= y x = x >>> y

x&= y x = x & y

x ^= y x = x ^ y

x |= y x = x | y

Операторы в JavaScript.

Операторы служат для управления потоком команд в JavaScript. Один объект может быть разбит на несколько строк,или, наоборот в одной строке может бытьнесколько операторов.

Необходимо знать следующее, во-первых,блоки операторов, такие как определения функций, должны быть заключены в фигурные скобки. Во-вторых, точка с запятой служит разделителем отдельных операторов. Если пропустить точку с запятой, поведение программы станет непредсказуемым.

Так как JavaScript не имеет жестких требований к форматированию текста программы, можно вставлять символы перевода строки и отступа для лутшей читабельности текста.

Ниже описаны операторы, которые используются в JavaScript:

break, comment, continue , for , for...in , function , if...else

return, var, while, with

ФункциивJavaScript.

Функция (function) — это группа операторов, предназначенных для определенной цели и объединенных под общим именем. Функция имеет следующий вид:

functionимяФункции()

{

операторы;

}

В начале функции помещается слово function, за которым указывается ее имя (например, yourMessage). После имени ставятся круглые скобки ( your-Message () ). Их отсутствие приводит к ошибке.

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

После круглых скобок идут открывающая и закрывающая фигурные скобки, между которыми помещаются операторы.

У каждой функции должно быть имя, причем имена функций, используемых на одной странице, не должны повторяться. Функция запускается (активизируется или вызывается) с Web-страницы.

Создадим первую функцию. Выполните следующие действия:

1. Откройте HTML-шаблон в текстовом редакторе.

2. Напечатайте в блоке SCRIPT слово function и дайте функции имя, например yourMessage (не забудьте о круглых скобках в конце строки):

<!- - Маскируемся!

functionyourMessage()

// Снимаеммаскировку. - ->

</script>

Конечно, сначала вы ничего не увидите. Однако из этого вовсе не следует, что с вашим сценарием что-то не так. Причина в том, что вы еще не вызвали функцию. Это обязательно нужно сделать, потому что в отличие от простых операторов в блоке SCRIPT (запускаемых сразу) функции автоматически запускаться на выполнение не могут. Вам придется кое-что добавить в сценарий.

Функции в языке JavaScript могут вызываться несколькими способами. Самый простой, хотя и наименее эффективный - указание имени функции непосредственно в блоке SCRIPT:

<!--Маскируемся!

yourMessage();

functionyourMessage()

{

alert("Вашаперваяфункция!");

}

// Снимаем маскировку. -->

</script>

Дата добавления: 2018-04-15; просмотров: 381; Мы поможем в написании вашей работы!

Поделиться с друзьями:

12 3 4 5 6 7 8 9 10 Следующая ⇒

Мы поможем в написании ваших работ!