Малая Компьютерная Академия ШАГ JavaScript

Урок 1. Знакомство с JavaScript.

Введение в JavaScript
Язык JavaScript был создан, чтобы сделать внешний вид веб-страничек более
интересным. JavaScript – это удобный язык программирования. Программы,
написанные на нём, называются скриптами. Сами же скрипты - это отдельные
последовательности действий, созданные для автоматического выполнения
задачи.
Но не стоит бояться того, что JavaScript - сложный язык. Программы, написанные
на нём, - обычный текст, чтение которого не требует специальной подготовки.
Чтобы выполнять различные действия, программы на JavaScript, понадобится
специальная программа – интерпретатор. Сам же процесс выполнения скрипта
называется «интерпретацией».

Во все современные браузеры интерпретатор встроен по умолчанию, именно

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

Возможности JavaScript
JavaScript – это универсальный язык программирования. Изначально он был
ориентирован только на браузеры. Поэтому JavaScript и не реализуется через
работу с памятью и процессором.

Возможности JavaScript напрямую зависят от того, где он запущен. В браузере у

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

Также JavaScript активно обрабатывает действия посетителей. Например,

реагирует клики мыши по определенным элементам, перемещения курсора,
нажатия клавиш пользователем и т.д.
Стоит упомянуть о технологии «AJAX». Её суть заключается в фоновом обмене
данных браузера и веб-сервера. То есть, с помощью «AJAX» можно загружать
данные без перезагрузки страницы и посылать запросы на сервер. Это
значительно ускоряет работу с данными веб-приложений.
 Малая Компьютерная Академия ШАГ JavaScript

С помощью JavaScript также можно получать и устанавливать cookie-файлы.

Cookie-файлы – небольшие фрагменты данных, отправленные веб-сервером,
которые хранятся в памяти компьютера пользователя. Чаще всего это настройки
пользователя, персональные данные, статистика.

Что не входит в возможности JavaScript

Несмотря на то, что JavaScript – универсальный и быстрый язык

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

Однако эти ограничения не являются проблемой. В браузер можно установить

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

Нужно помнить о том, что JavaScript не имеет прямого доступа к операционной

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

Браузеры могут работать с различными файлами, однако эти возможности

контролирует специальная директория – «песочница». Она создана для
безопасного исполнения различных программ, доступа к сети и прямой передачи
информации с различных её носителей. Песочницы проверяют подозрительные
коды, эмулируют или просто ограничивают их действия.

Если JavaScript работает в одной вкладке, то у него нет возможности общаться с

остальными вкладками или окнами. Исключением будет только тот случай, когда
он сам открыл новое окно или вкладку. Основным условием для этого будет
одинаковый порт, домен и протокол этих вкладок и окон.

Начало работы с JavaScript

Тег SCRIPT

Если Вам нужно вставить в HTML программу, написанную на JavaScript, это легко
можно сделать при помощи тега SCRIPT. Например:
 Малая Компьютерная Академия ШАГ JavaScript

Как можно заметить, пример использует тег таким образом:

<script> ... </script>
Script содержит исполняемый код. Ранее нужно было указывать атрибут type в
HTML, однако сейчас это не актуально. Достаточно вставить <script>.
Браузер, когда считывает <script>:
1. Отображает страницу, показывает часть документа до тега script.
2. Увидев данный тег, переключается в JavaScript-режим и исполняет его
содержимое.
3. После выполнения возвращается обратно в HTML-режим и только тогда
отображает остальную часть документа.

alert(сообщение)
Данная команда отображает окно с определённым сообщением и ждёт, когда
посетитель нажмёт «Ок».

Внешние скрипты

Если Вам необходимо вставить большой JavaScript-код, то его нужно вынести в

отдельный файл. Далее этот файл подключается в HTML:

<script src=”/path/to/script.js”></script>

В нашем случае /path/to/script.js – это путь к файлу, содержащему скрипт (из корня
сайта).

После этого браузер сам скачает скрипт и выполнит его.

 Малая Компьютерная Академия ШАГ JavaScript

Alert

Ранее Вы мы кратко рассмотрели пример команды alert. Эта команда выводит

сообщение на экран. Если же необходимо добавить в код ещё одну команду, можно
просто поставить нужную команду после после точки с запятой.
Например:

1. alert ( ‘ Привет ’ ) ;
2. alert ( ‘ Академия ’ ) ;

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

Структура переменной состоит из имени и выделенной область памяти, которая

соответствует данной переменной.
Создаются переменные с использованием ключевого слова var:
1. var message ;

После создания, в переменную можно записать данные:

1. var message ;
2. message = ‘Hello’ ; // сохраним в переменной строку

Данные сохранены в соответствующей области памяти. В дальнейшем они

доступны при обращении по имени:
1. var message ;
2. message = ‘Hello’ ;
3.
4. alert ( message ) ; // выведет содержимое переменной

Для краткости можно совместить объявление переменной и запись данных:

var message = ‘Hello’ ;

Можно даже объявить несколько переменных сразу:

var user = ‘Matthew’ , age = 22 , message = ‘Hello’ ;

Числа
1. var n = 123 ;
2. n = 12 . 345 ;

Числа – особенная переменная. Для обозначения чисел используют единый тип

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

Логические переменные
 Малая Компьютерная Академия ШАГ JavaScript

Есть два значения логических переменных: true (истина) и false (ложь).

Этот тип переменных чаще всего используют для хранения значений вроде
да/нет:
var checked = true ; // поле формы помечено галочкой
checked = false ; // поле формы не содержит галочки