СИНТАКСИС И УПРАВЛЯЮЩИЕ КОНСТРУКЦИИ JAVASCRIPT. Вставка скрипта. 1. В коде HTML-страницы … 2. Внешний файл. - презентация

1 СИНТАКСИС И УПРАВЛЯЮЩИЕ КОНСТРУКЦИИ JAVASCRIPT

2 Вставка скрипта. 1. В коде HTML-страницы … 2. Внешний файл.

3 Реакция на событие 4 Код в обработчике события Пример. 4 Использование функций

4 Создание и использование функций function имя функции(список параметров) { Операторы } return false; //Выход из функции и возврат результата

5 Возвращение результата 1. Вывод Сообщения. alert( результат ) 2. Изменение свойства элемента. F1.T3.value= результат 3. Изменение области( InnerHTML). d1.innerHTML= результат 4. Вывод в новом документе document.write(результат)

6 Примеры создания и вызова функций Создание function chimage(obj,pict) {obj.src=pict} Вызов в обработчике события Вызов из скрипта chimage(img1,moon.gif); Вызов по ссылке: Смена рисунка

7 Операции, операторы, переменные Операции, операторы \\ комментарий ; разделение операторов в одной строке {} начало и конец блока = оператор присвоения + - * / арифметические операции = -= Примеры: a++;b-- \\a=a+1;b=b-1 c+=10; \\ c=c+10

8 Переменные var имя переменной Основные типы данных: Число, Строка, Логический тип и Объект. var a a=10; b=0.3; c=ddd; d=c+a+5; \\d=ddd105 e=c+(a+5); \\e=ddd15

9 Функции проверки и преобразования типов 4 isNaN(значение) – проверка, является ли значение числом 4 parseInt(значение) преобразование к целому числу 4 parseFloat(значение) преобразование к вещественному числу 4 -- Примеры. x=parseInt(F1.T1.value)

10 Объекты языка 4 Array 4 String 4 Date 4 Math

11 Массивы var cn=new Array(3); --- cn[0]=Russia;cn[1]=USA;cn[2]=China; -- Параллельные массивы var cp=new Array(3); cp[0]=Moscow;cp[1]=Washington; cp[2]=Bejing; --- var n=0; var cn=new Array(); cn[n++]=Russia;cn[n++]=USA;cn[n++]=China;

12 String var s=new String(); Проверка вхождения подстроки в строку: indexOf() 4 Пример. var s=new String() s="индустриализация \\ i=-1 i=s.indexOf("н") \\ i=1

13 Условный оператор if (условие) {операторы} if (условие) {операторы} else {операторы} Логические операции == равно; != не равно; > больше; < меньше; >= больше или равно; <= меньше или равно Логические операторы || или; && и Примеры. if (a

14 Проверка корректности введенных данных 4 Проверка на пустоту. if (str1==) {alert(Введите данные); return false} 4 Проверка на вхождение подстроки if {alert (" введен неправильно"); return false} 4 Проверка, является значение числовым if (isNaN(F1.T1.value)||isNaN(F1.T2.value)) {alert ("Дан ные должны быть числовыми"); return false} else {p1=parseInt(F1.T1.value); p2=parseInt(F1.T1.value); …} 4 Проверка на вхождение числа в диапазон if (x1 100) {alert ("Значение должно быть в диапазоне от 0 до 100"); return false}

15 Циклы Синтаксис. for (нач. выр. ; условие продолжения; выр. обновления) { операторы }