Введение в Java Script УРОК 1. Пример ПЕРВЫЙ Открыть программу блокнот и записать следующую команду: Сохранить файл С расширением JS загрузить файл Двойным. - презентация

1 Введение в Java Script УРОК 1

2 Пример ПЕРВЫЙ Открыть программу блокнот и записать следующую команду: Сохранить файл С расширением JS загрузить файл Двойным щелчком мыши. В результате откроется окно:

3 Пример ВТОРОЙ Открыть программу блокнот и записать следующие инструкции: Сохранить файл С расширением HTML загрузить файл Двойным щелчком мыши. Откроется web браузер с диалоговым окном:

4 ОБСУДИМ:

5 Основы J ava S cript 1.Где записать программу на языке Java Script? 2.Как выполнить программу?

6 Встраивание сценария в документ Варианты размещения сценария: 1.Размещение в теле программы ( между тегами body), в этом случае сценарий исполняется при загрузке страницы в окно браузера;

7 Встраивание сценария в документ Варианты размещения сценария: 2.Размещение в заголовке документа (между тегами Head). В этом случае сценарий не исполняется при загрузке, а может использоваться как функция другими сценариями;

8 Встраивание сценария в документ Варианты размещения сценария: 3.Размещение внутри тега HTML (между фигурными скобками ). В этом случае сценарий является обработчиком событий, для его записи не требуется тег ;

9 Встраивание сценария в документ Варианты размещения сценария: 4.Размещение в отдельном файле с расширением.js. В этих файлах размещаются сценарии, которые вызываются по имени конкретного файла. Имя файла записывается между тегами.

10 Пример: Варианты размещения сценария: Размещение в теле программы ( между тегами body),

11 ВВОД И ВЫВОД ДАННЫХ Java Script создавался как язык сценариев для веб – страниц. Основой веб страниц является язык HTML => для ввода и вывода данных подойдут средства предусмотренные браузером: Alert () Prompt() Confirm()

12 Alert () Данный метод позволяет выводить диалоговое окно с заданным сообщением и кнопкой ОК. синтаксис выражения имеет следующий вид: Alert(сообщение) Диалоговое окно выведенное на экран этим методом является МОДАЛЬНЫМ, т.е. пока оно не убрано с экрана (нажатием кнопки ОК) переход к ранее открытым окнам – невозможен.

13 Confirm () Данный метод позволяет выводить диалоговое окно с заданным сообщением и двумя кнопками ОК и ОТМЕНА. синтаксис выражения имеет следующий вид: Confirm(сообщение) Диалоговое окно выведенное на экран этим методом является МОДАЛЬНЫМ. Метод возвращает одно из двух значений: TRUE (если была нажата кнопка ОК) или FALSE (если была нажата кнопка ОТМЕНА)

14 Prompt() Данный метод позволяет выводить диалоговое окно с заданным сообщением и двумя кнопками ОК и ОТМЕНА. Принимает два параметра: сообщение и значение, которое должно появится в текстовом поле ввода данных по умолчанию. Prompt(сообщение, значение) метод возвращает значение поле ввода - если нажата кнопка ОК, и FALSE - если ОТМЕНА

15 ТИПЫ ДАННЫХ Программа оперирует при выполнении различными данными. Данные? – величины которые определены: ИМЕНЕМ, ЗНАЧЕНИЕМ, ТИПОМ! От того к какому типу принадлежит величина зависит какие операции над ней может выполнять программа!

16 ТИПЫ ДАННЫХ

17 При создании программы на Java Script за типами данных следит сам программист! Если произойдет ошибка в типах, интерпретатор не зафиксирует эту ошибку, а попытается привести данные к некоторому типу и выполнить необходимую операцию. Многие языки не обладают этим свойством, а требуют явного указания типов данных. Java ScriptPascal

18 ТИПЫ ДАННЫХ Java Script Pascal C := 5 + 5; C = 5 + 5; 10 Значение C 10 Тип C Ошибка, выход из программы 55, программа выполняется дальше Integer Number String

19 ТИПЫ ДАННЫХ parseInt (строка, основание)

20 ТИПЫ ДАННЫХ parseInt (строка, основание) Не является числом!

21 ТИПЫ ДАННЫХ parseFloat (строка) Преобразует указанную строку в число с плавающей разделительной точкой.

22 ТИПЫ ДАННЫХ isNan (выражение) Функция, определяющая является ли значение выражения числом. Не число число

23 ТИПЫ ДАННЫХ Специальные символы, которые можно вставлять в строки