803.34K

Категория:

Программирование

Похожие презентации:

Введение в JavaScript

Язык программирования JavaScript

Основы JavaScript

Основы javascript

Введение в JavaScript. Добавление JavaScript на веб-страницу. Лекция 12

JavaScript

JavaScript. Basics

Java Script

JavaScript

Javascript. Data types

1.

JAVASCRIPT. DATA TYPES.
OPERATIONS. DATA INPUT /
OUTPUT. DIALOG BOXES.
EVENTS AND THEIR HANDLERS
JAVASCRIPT. ТИПЫ ДАННЫХ. ОПЕРАЦИИ. ВВОД/ВЫВОД
ДАННЫХ. ДИАЛОГОВЫЕ ОКНА. СОБЫТИЯ И ИХ ОБРАБОТЧИКИ

WEB-ДОКУМЕНТ, ОТОБРАЖАЕМЫЙ БРАУЗЕРОМ,
– ЭТО РЕЗУЛЬТАТ ИСПОЛНЕНИЯ ПРОГРАММ,
СОЗДАННЫХ НА РАЗНЫХ ЯЗЫКАХ. ДЛЯ
ОПИСАНИЯ СТРУКТУРЫ ИСПОЛЬЗУЕТСЯ ЯЗЫК
РАЗМЕТКИ (XHTML), ДЛЯ ОПИСАНИЯ ВНЕШНЕГО
ВИДА – ЯЗЫК СТИЛЕЙ (CSS). ДЛЯ ОПИСАНИЯ
ПОВЕДЕНИЯ ДОКУМЕНТА, ЕГО РЕАКЦИИ НА
ДЕЙСТВИЯ
ПОЛЬЗОВАТЕЛЯ
ИСПОЛЬЗУЕТСЯ
ЯЗЫК СЦЕНАРИЕВ (JAVASCRIPT).
THE WEB DOCUMENT DISPLAYED BY THE
BROWSER IS THE RESULT OF EXECUTING
PROGRAMS WRITTEN IN DIFFERENT LANGUAGES.
TO DESCRIBE THE STRUCTURE, THE MARKUP
LANGUAGE (XHTML) IS USED, TO DESCRIBE THE
APPEARANCE - THE STYLE LANGUAGE (CSS). A
SCRIPTING LANGUAGE (JAVASCRIPT) IS USED TO
DESCRIBE THE BEHAVIOR OF A DOCUMENT, ITS
RESPONSE TO USER ACTIONS.
ИСПОЛНЯЕТ JAVASCRIPT-КОД БРАУЗЕР. В НЕГО
ВСТРОЕН
ИНТЕРПРЕТАТОР
JAVASCRIPT.
СЛЕДОВАТЕЛЬНО, ВЫПОЛНЕНИЕ ПРОГРАММЫ
ЗАВИСИТ
ОТ
ТОГО,
КОГДА
ЭТОТ
ИНТЕРПРЕТАТОР
ПОЛУЧАЕТ
УПРАВЛЕНИЕ.
ОПИШЕМ НЕСКОЛЬКО СПОСОБОВ РАЗМЕЩЕНИЯ
КОДА JAVASCRIPT НА СТРАНИЦЕ:
THE BROWSER EXECUTES JAVASCRIPT CODE. IT
HAS A BUILT-IN JAVASCRIPT INTERPRETER.
THEREFORE, PROGRAM EXECUTION DEPENDS ON
WHEN THIS INTERPRETER GETS CONTROL. LET'S
DESCRIBE SEVERAL WAYS TO PLACE JAVASCRIPT
CODE ON A PAGE:
IN THE TAGGED CONTAINER <BODY> ... </BODY>.
В ТЕГОВОМ КОНТЕЙНЕРЕ <BODY>...</BODY>.
<body> … <script> команды скрипта</script> … </body>

3.

В ТЕГОВОМ КОНТЕЙНЕРЕ <HEAD>...</HEAD>
- ЕСЛИ КОД СКРИПТА ПРЕДСТАВЛЯЕТ
СОБОЙ ФУНКЦИЮ, КОТОРАЯ ВЫЗЫВАЕТСЯ В
ОТВЕТ НА КАКОЕ-ЛИБО СОБЫТИЕ.
IN THE <HEAD> ... </HEAD> TAG CONTAINER IF THE SCRIPT CODE IS A FUNCTION THAT IS
CALLED IN RESPONSE TO AN EVENT.
<head> … <script type="text/javascript"> команды скрипта</script> … </head>
IN AN EXTERNAL FILE. BY ANALOGY WITH
HOW STYLES ARE CONNECTED TO THE PAGE
USING THE LINK ELEMENT, SCRIPTS ARE
CONNECTED USING THE SCRIPT ELEMENT,
ONLY THE FILE HAS THE EXTENSION NOT
.CSS, BUT .JS.
ВО ВНЕШНЕМ ФАЙЛЕ. ПО АНАЛОГИИ С ТЕМ,
КАК СТИЛИ ПОДКЛЮЧАЮТСЯ К СТАНИЦЕ С
ПОМОЩЬЮ ЭЛЕМЕНТА LINK, СЦЕНАРИИ
ПОДКЛЮЧАЮТСЯ С ПОМОЩЬЮ ЭЛЕМЕНТА
SCRIPT, ТОЛЬКО ФАЙЛ ИМЕЕТ РАСШИРЕНИЕ
НЕ .CSS, А .JS.
<head> … <script type="text/javascript" src="my.js"> </script> … </head>
ОБРАБОТЧИК
СОБЫТИЯ
УКАЗЫВАЕТСЯ
ПРЯМО В ТЕГЕ, БЕЗ ЗАКЛЮЧЕНИЯ В ТЕГИ
<SCRIPT> <SCRIPT>
THE EVENT HANDLER IS SPECIFIED DIRECTLY
IN THE TAG, WITHOUT WRAPPING IT IN
<SCRIPT> <SCRIPT> TAGS
<input type="button" value="Нажать" onClick="window.alert('Hажмите еще раз')">

4.

ВЫПОЛНЕНИЕ ОПЕРАТОРОВ СЦЕНАРИЯ
EXECUTING SCRIPT STATEMENTS
СУЩЕСТВУЕТ НЕСКОЛЬКО СПОСОБОВ ОПРЕДЕЛЕНИЯ МОМЕНТА
ЗАПУСКА СЦЕНАРИЯ. ВОТ НЕКОТОРЫЕ ИЗ НИХ:
THERE ARE SEVERAL WAYS TO DETERMINE WHEN THE SCRIPT
STARTS. HERE ARE SOME OF THEM:
ПРИ ЗАГРУЗКЕ ДОКУМЕНТА;
WHEN LOADING A DOCUMENT;
СРАЗУ ПОСЛЕ ЗАГРУЗКИ ДОКУМЕНТА;
IMMEDIATELY AFTER LOADING THE DOCUMENT;
В ОТВЕТ НА ДЕЙСТВИЯ ПОЛЬЗОВАТЕЛЯ.
IN RESPONSE TO USER ACTIONS.
ЧАЩЕ ВСЕГО МЫ БУДЕМ ПОЛЬЗОВАТЬСЯ ТРЕТЬИМ СПОСОБОМ.
JAVASCRIPT –ЗАВИСИТ ОТ РЕГИСТРА.
JAVASCRIPT - РАЗНЫЕ ИМЕНА!!
ИМЕНА
JAVASCRIPT
MOST OFTEN WE WILL USE THE THIRD METHOD.
И
ВСЕ КЛЮЧЕВЫЕ СЛОВА ИСПОЛЬЗУЮТ ТОЛЬКО НИЖНИЙ РЕГИСТР.
ТРЕБОВАНИЯ К ИМЕНАМ ПЕРЕМЕННЫХ ТАКИЕ ЖЕ, КАК В ПАСКАЛЕ.
ОПЕРАТОРЫ РАЗДЕЛЯЮТСЯ ТОЧКОЙ С ЗАПЯТОЙ, КОТОРУЮ МОЖНО
ОПУСТИТЬ, ЕСЛИ ОПЕРАТОР ЗАКАНЧИВАЕТСЯ СИМВОЛОМ НОВОЙ
СТРОКИ (ENTER).
КОММЕНТАРИИ:
// ОДНОСТРОЧНЫЙ КОММЕНТАРИЙ,
/*
JAVASCRIPT IS CASE SENSITIVE. JAVASCRIPT AND JAVASCRIPT ARE
DIFFERENT NAMES !!
ALL KEYWORDS USE ONLY LOWER CASE.
THE REQUIREMENTS FOR VARIABLE NAMES ARE THE SAME AS IN
PASCAL.
OPERATORS ARE SEPARATED BY SEMICOLONS, WHICH CAN BE
OMITTED IF THE OPERATOR ENDS WITH A NEWLINE CHARACTER
(ENTER).
COMMENTS:
// ONE LINE COMMENT,
МНОГОСТРОЧНЫЙ
КОММЕНТАРИЙ
/*
*/
MULTILINE COMMENT
*/

5.

ТИПЫ ДАННЫХ
DATA TYPES
ПЕРЕМЕННЫЕ ОБЪЯВЛЯЮТСЯ С ПОМОЩЬЮ ОПЕРАТОРА VAR,
КОТОРЫЙ МОЖНО ОПУСКАТЬ.
ЕСЛИ ПРЕМЕННАЯ ОБЪЯВЛЕНА В ТЕЛЕ ФУНКЦИИ, ТО ОНА
ЯВЛЯЕТСЯ ЛОКАЛЬНОЙ ПЕРЕМЕННОЙ.
ВОЗМОЖНО
ОБЪЯВЛЕНИЕ
ИНИЦИАЛИЗАЦИЕЙ.
C
ОДНОВРЕМЕННОЙ
ИНИЦИАЛИЗАЦИЯ ВСЕХ ПЕРЕМЕННЫХ ОБЯЗАТЕЛЬНА!!!
ПЕРЕМЕННЫЕ НЕ ИМЕЮТ СТРОГОЙ ТИПИЗАЦИИ.
IF A VARIABLE IS DECLARED IN THE BODY OF A FUNCTION,
THEN IT IS A LOCAL VARIABLE.
A DECLARATION WITH SIMULTANEOUS INITIALIZATION IS
POSSIBLE.
INITIALIZATION OF ALL VARIABLES IS REQUIRED !!!
VARIABLES ARE NOT STRONGLY TYPED.
ПРИМЕРЫ:
EXAMPLES:
ОБЪЯВЛЯЕТСЯ
ЦЕЛОЧИСЛЕННАЯ
ПЕРЕМЕННАЯ
ИМЕЮЩАЯ ДЕСЯТИЧНОЕ ЗНАЧЕНИЕ 123: VAR S = 123
ОБЪЯВЛЯЕТСЯ ПЕРЕМЕННАЯ С ПЛАВАЮЩЕЙ
ИМЕЮЩАЯ ДЕСЯТИЧНОЕ ЗНАЧЕНИЕ: VAR D=3.14
ОБЪЯВЛЯЕТСЯ
СТРОКОВАЯ
STR1=’СТРОКОВАЯ ПЕРЕМЕННАЯ’
VARIABLES ARE DECLARED USING THE VAR STATEMENT,
WHICH CAN BE OMITTED.
X,
ТОЧКОЙ
ПЕРЕМЕННАЯ:
VAR
ОБЪЯВЛЯЕТСЯ ЛОГИЧЕСКАЯ ПЕРЕМЕННАЯ: VAR P=TRUE
ТИП ПЕРЕМЕННОЙ МОЖЕТ ИЗМЕНЯТЬСЯ В ПРОЦЕССЕ
ВЫПОЛНЕНИЯ
ПРОГРАММЫ.
ЕСЛИ
В
ВЫРАЖЕНИИ
СОДЕРЖАТСЯ И ЧИСЛОВЫЕ И СТРОКОВЫЕ ПЕРЕМЕННЫЕ, ТО
ЧИСЛОВЫЕ ПЕРЕМЕННЫЕ АВТОМАТИЧЕСКИ ПРИВОДЯТСЯ К
СТРОКОВОМУ ВИДУ.
AN INTEGER VARIABLE X WITH DECIMAL VALUE 123 IS
DECLARED: VAR S = 123
A FLOATING POINT VARIABLE WITH A DECIMAL VALUE IS
DECLARED: VAR D = 3.14
A STRING VARIABLE IS DECLARED: VAR STR1 = 'STRING
VARIABLE'
A BOOLEAN VARIABLE IS DECLARED: VAR P = TRUE
THE TYPE OF A VARIABLE CAN CHANGE DURING PROGRAM
EXECUTION. IF THE EXPRESSION CONTAINS BOTH NUMERIC
AND STRING VARIABLES, THEN THE NUMERIC VARIABLES ARE
AUTOMATICALLY CONVERTED TO STRING FORM.

6.

MATHEMATICAL OPERATIONS
МАТЕМАТИЧЕСКИЕ ОПЕРАЦИИ
Действие
Пример
Значение,
которое
примет Х
+
Сложение
x=100+5
str2=’Начало’
str1=str2+’
конец’
105
Начало конец
-
Вычитание
x=100-5
95
Операция
*
Умножение
x=2*3
6
/
Деление
x=12/3
4
%
Остаток от
деления
(аналогично
mod)
x=16%3
++
Значение
увеличиваетс
я на 1
X=2; X++;
3
--
Значение
уменьшается
на 1
X=2; X--;
1
action
Example
The value that X
will take
+
Addition
x=100+5
str2=’Начало’
str1=str2+’
конец’
105
Начало конец
-
Subtraction
x=100-5
95
*
Multiplication
x=2*3
6
/
Division
x=12/3
4
%
Modulus (similar
to mod)
x=16%3
1
++
The value is
increased by 1
X=2; X++;
3
--
The value
decreases by 1
X=2; X--;
1
Operation
1

7.

ОПЕРАЦИИ СРАВНЕНИЯ
Операция
Действие
Пример
Аналогично, в
Паскале
==
Равно
Х==10
Х=10
!=
Не равно
x!=5
x<>5
>
Больше
x>0
x>0
<
Меньше
x<4
x<4
>=
Больше либо
равно
x>=y
x>=y
<=
Меньше либо
равно
X<=5
x<=5

8.

ЛОГИЧЕСКИЕ ОПЕРАЦИИ
Операция
Действие
Пример
Аналогично, в
Паскале
&&
Аналогично
логической операции
and
X>=2 && y>=2
(X>=2)and(Y>=2)
||
Аналогично
логической операции
or
x>0 || y>0
(x>0)or(y>0)
!
Аналогично
логической операции
not
!(1 < x && x < 10)
Not((1 < x) and ( x <
10))

9.

В JAVASCRIPT СУЩЕСТВУЕТ 3 ФУНКЦИИ
(МЕТОДА),
ПОЗВОЛЯЮЩИЕ
ПОЛЬЗОВАТЕЛЮ ВЫВОДИТЬ ДИАЛОГОВЫЕ
ОКНА:
МЕТОД
ALERT
ИСПОЛЬЗУЕТСЯ
ДЛЯ
ВЫВОДА ПРОСТЕЙШЕГО ДИАЛОГОВОГО
ОКНА,
СОДЕРЖАЩЕГО
ТЕКСТ
СООБЩЕНИЯ И ЕДИНСТВЕННУЮ КНОПКУ
"OK". ПРОГРАММА ВЫВОДИТ СООБЩЕНИЕ
И ОЖИДАЕТ НАЖАТИЯ КНОПКИ. ПОСЛЕ
НАЖАТИЯ НА КНОПКУ, ПРОГРАММА
НАЧИНАЕТ
ВЫПОЛНЯТЬСЯ
ДАЛЬШЕ.
ТЕКСТ СООБЩЕНИЯ МОЖЕТ СЦЕПЛЯТЬСЯ
С ЛЮБОЙ ТЕКСТОВОЙ ПЕРЕМЕННОЙ С
ПОМОЩЬЮ ЗНАКА «+». ЧТОБЫ ТЕКСТ
ВЫВОДИЛСЯ
В
НЕСКОЛЬКО
СТРОК
ИСПОЛЬЗУЮТ СИМВОЛЫ «\N»
THERE ARE 3 FUNCTIONS (METHODS) IN
JAVASCRIPT THAT ALLOW THE USER TO
DISPLAY DIALOG BOXES:
THE ALERT METHOD IS USED TO DISPLAY
A SIMPLE DIALOG BOX CONTAINING THE
MESSAGE TEXT AND A SINGLE "OK"
BUTTON. THE PROGRAM DISPLAYS A
MESSAGE AND WAITS FOR THE BUTTON TO
BE PRESSED. AFTER PRESSING THE
BUTTON, THE PROGRAM STARTS TO RUN
FURTHER. THE MESSAGE TEXT CAN BE
CONCATENATED
WITH
ANY
TEXT
VARIABLE USING THE "+" SIGN. TO
DISPLAY THE TEXT IN SEVERAL LINES USE
THE CHARACTERS "\ N"

10.

МЕТОД CONFIRM ИСПОЛЬЗУЕТСЯ В ТЕХ
СЛУЧАЯХ, КОГДА ПОЛЬЗОВАТЕЛЬ ДОЛЖЕН
СДЕЛАТЬ ВЫБОР.
THE CONFIRM METHOD IS USED WHEN
THE USER HAS TO MAKE A CHOICE.
МЕТОД
CONFIRM
ПОЗВОЛЯЕТ
ПОЛЬЗОВАТЕЛЮ ВЫВЕСТИ ДИАЛОГОВОЕ
ОКНО, СОДЕРЖАЩЕЕ ТЕКСТ ВОПРОСА И
КНОПКИ "OК" И "ОТМЕНА".
THE CONFIRM METHOD ALLOWS THE
USER TO DISPLAY A DIALOG BOX
CONTAINING THE QUESTION TEXT AND
"OK" AND "CANCEL" BUTTONS.
ФУНКЦИЯ
CONFIRM
ВОЗВРАЩАЕТ
ЛОГИЧЕСКОЕ ЗНАЧЕНИЕ В ЗАВИСИМОСТИ
ОТ НАЖАТОЙ ПОЛЬЗОВАТЕЛЕМ КНОПКИ:
THE CONFIRM FUNCTION RETURNS A
BOOLEAN VALUE DEPENDING ON THE
BUTTON PRESSED BY THE USER:
"OК" СООТВЕТСТВУЕТ ЗНАЧЕНИЮ TRUE,
"ОТМЕНА" - ЗНАЧЕНИЮ FALSE.
КАК
ПРАВИЛО,
РЕЗУЛЬТАТ
РАБОТЫ
ФУНКЦИИ ПРИСВАИВАЮТ ЛОГИЧЕСКОЙ
ПЕРЕМЕННОЙ,
ДЛЯ
ДАЛЬНЕЙШЕГО
АНАЛИЗА,
КАК
ЭТО
ПОКАЗАНО
В
ПРИМЕРЕ.
"OK" IS TRUE,
"CANCEL" IS FALSE.
AS A RULE, THE RESULT OF THE
FUNCTION IS ASSIGNED TO A BOOLEAN
VARIABLE FOR FURTHER ANALYSIS, AS
SHOWN IN THE EXAMPLE.

11.

МЕТОД PROMPT ИСПОЛЬЗУЕТСЯ В ТЕХ СЛУЧАЯХ,
КОГДА ПОЛЬЗОВАТЕЛЮ НУЖНО ВВЕСТИ ЗНАЧЕНИЕ В
ПЕРЕМЕННУЮ.
THE PROMPT METHOD IS USED WHEN THE
USER NEEDS TO ENTER A VALUE INTO A
VARIABLE.
В ОКНО ВЫВОДИТСЯ СООБЩЕНИЕ «СТРОКА1», В
ПОЛЕ ВВОДА ПОМЕЩАЕТСЯ УМАЛЧИВАЕМОЕ
ЗНАЧЕНИЕ «СТРОКА2».
THE MESSAGE "LINE1" IS DISPLAYED IN THE
WINDOW, THE DEFAULT VALUE "LINE2" IS
PLACED IN THE INPUT FIELD.
ЭТОТ МЕТОД ПОЗВОЛЯЕТ ВЫВЕСТИ ДИАЛОГОВОЕ
ОКНО ЗАПРОСА НА ВВОД ДАННЫХ. РЕЗУЛЬТАТ
РАБОТЫ ФУНКЦИИ ПРИСВАИВАЮТ ПЕРЕМЕННОЙ
СТРОКОВОГО ТИПА.
THIS METHOD DISPLAYS A DATA PROMPT
DIALOG BOX. THE RESULT OF THE
FUNCTION IS ASSIGNED TO A STRING TYPE
VARIABLE.
ЕСЛИ ВВЕДЕННЫЕ ДАННЫЕ НУЖНО ИСПОЛЬЗОВАТЬ
В АРИФМЕТИЧЕСКИХ ВЫРАЖЕНИЯХ, НЕОБХОДИМО
ВЫПОЛНИТЬ ПРЕОБРАЗОВАНИЕ ВВЕДЕННОЙ СТРОКИ
К ЧИСЛОВОМУ ТИПУ. ЭТО МОЖНО СДЕЛАТЬ ПРИ
ПОМОЩИ СЛЕДУЮЩИХ ФУНКЦИЙ:
IF THE ENTERED DATA IS TO BE USED IN
ARITHMETIC
EXPRESSIONS,
IT
IS
NECESSARY TO CONVERT THE ENTERED
STRING TO A NUMERIC TYPE. THIS CAN BE
DONE USING THE FOLLOWING FUNCTIONS:
PARSEINT("СТРОКА") - ПРЕОБРАЗУЕТ СТРОКУ В
ЦЕЛОЕ ЧИСЛО;
PARSEINT ("STRING")
STRING TO AN INTEGER;
PARSEFLOAT("СТРОКА") - ПРЕОБРАЗУЕТ СТРОКУ В
ДЕЙСТВИТЕЛЬНОЕ ЧИСЛО.
PARSEFLOAT ("STRING") - CONVERT A
STRING TO A REAL NUMBER.
-
CONVERTS
A

12.

СОБЫТИЯ И ИХ ОБРАБОТЧИКИ
EVENTS AND THEIR HANDLERS
ПРАКТИЧЕСКИ
ВСЕ
JAVASCRIPTПРИЛОЖЕНИЯ ВЫПОЛНЯЮТ ТЕ ИЛИ ИНЫЕ
ДЕЙСТВИЯ, ОТКЛИКАЯСЬ НА РАЗЛИЧНЫЕ
СОБЫТИЯ.
ALMOST ALL JAVASCRIPT APPLICATIONS
PERFORM CERTAIN ACTIONS IN RESPONSE
TO VARIOUS EVENTS.
СОБЫТИЕ - ЭТО СИГНАЛ ОТ БРАУЗЕРА О
ТОМ, ЧТО ЧТО-ТО ПРОИЗОШЛО.
AN EVENT IS A SIGNAL FROM THE BROWSER
THAT SOMETHING HAS HAPPENED.
СОБЫТИЯ
ДЕЛЯТСЯ
КАТЕГОРИЙ:
EVENTS ARE
CATEGORIES:
НА
НЕСКОЛЬКО
DIVIDED
INTO
SEVERAL
СОБЫТИЯ, СВЯЗАННЫЕ С ДОКУМЕНТОМ;
EVENTS RELATED TO THE DOCUMENT;
СОБЫТИЯ, СВЯЗАННЫЕ
ДОКУМЕНТА;
EVENTS RELATED TO DOCUMENT OBJECTS;
С
ОБЪЕКТАМИ
СОБЫТИЯ, СВЯЗАННЫЕ С ОКНАМИ.
ДЛЯ ТОГО ЧТОБЫ СКРИПТ РЕАГИРОВАЛ НА
СОБЫТИЕ
НУЖНО
НАЗНАЧИТЬ
ОБРАБОТЧИК СОБЫТИЯ.
ОБЫЧНО
ОБРАБОТЧИКИ
НАЗЫВАЮТ
"ON+ИМЯ СОБЫТИЯ", НАПРИМЕР: ONCLICK.
EVENTS RELATED TO WINDOWS.
IN ORDER FOR THE SCRIPT TO REACT TO THE
EVENT, YOU NEED TO ASSIGN AN EVENT
HANDLER.
USUALLY HANDLERS ARE NAMED "ON +
EVENT NAME", FOR EXAMPLE: ONCLICK.

13.

НАЗНАЧЕНИЕ ОБРАБОТЧИКОВ СОБЫТИЙ ДЛЯ
ЭЛЕМЕНТОВ
СУЩЕСТВУЕТ
НЕСКОЛЬКО
НАЗНАЧАТЬ ОБРАБОТЧИК НА
СОБЫТИЕ ЭЛЕМЕНТА.
СПОСОБОВ
КОНКРЕТНОЕ
ОДИН ИЗ ЭТИХ СПОСОБОВ – ОБРАБОТЧИК
СОБЫТИЯ
ЗАПИСЫВАЕТСЯ
ПРЯМО
В
ОТКРЫВАЮЩЕМ ТЕГЕ ЭЛЕМЕНТА.
НАПРИМЕР, ДЛЯ ОБРАБОТКИ СОБЫТИЯ CLICK НА
КНОПКЕ
INPUT,
МОЖНО
НАЗНАЧИТЬ
ОБРАБОТЧИК ONCLICK ВОТ ТАК:
В ЭТОМ СЛУЧАЕ JAVASCRIPT КОД ПИШЕТСЯ В
КАВЫЧКАХ В ОДНУ СТРОКУ.
ТАКОЙ СПОСОБ УСТАНОВКИ ОБРАБОТЧИКОВ
ОЧЕНЬ УДОБЕН - ОН НАГЛЯДЕН И ПРОСТ,
ПОЭТОМУ ЧАСТО ИСПОЛЬЗУЕТСЯ В РЕШЕНИИ
ПРОСТЫХ ЗАДАЧ.
ASSIGNING EVENT HANDLERS TO ITEMS
THERE ARE SEVERAL WAYS TO ASSIGN A
HANDLER TO A SPECIFIC ELEMENT EVENT.
ONE OF THESE WAYS IS TO WRITE THE
EVENT HANDLER DIRECTLY IN THE OPENING
TAG OF THE ELEMENT.
FOR EXAMPLE, TO HANDLE THE CLICK
EVENT ON AN INPUT BUTTON, YOU COULD
ASSIGN AN ONCLICK HANDLER LIKE THIS:
IN THIS CASE, JAVASCRIPT CODE IS WRITTEN
IN QUOTATION MARKS IN ONE LINE.
THIS WAY OF INSTALLING HANDLERS IS
VERY CONVENIENT - IT IS CLEAR AND
SIMPLE, THEREFORE IT IS OFTEN USED IN
SOLVING SIMPLE PROBLEMS.

14.

СОБЫТИЕ CLICK И ЕГО ОБРАБОТЧИК
ONCLICK
CLICK EVENT
HANDLER
СОБЫТИЕ CLICK – ОДИНАРНЫЙ ЩЕЛЧОК
(НАЖАТА И ОТПУЩЕНА КНОПКА МЫШИ)
ВОЗНИКАЕТ ФАКТИЧЕСКИ ДЛЯ ВСЕХ
ЭЛЕМЕНТОВ СТРАНИЦЫ.
THE CLICK EVENT - A SINGLE CLICK
(MOUSE BUTTON PRESSED AND RELEASED)
OCCURS FOR VIRTUALLY ALL PAGE
ELEMENTS.
НАПРИМЕР, ПОСЛЕ НАЖАТИЯ НА КНОПКУ
ВЫЗЫВАЕТСЯ МЕТОД ALERT()
FOR EXAMPLE, AFTER CLICKING ON THE
BUTTON, THE ALERT () METHOD IS CALLED
AND
ITS
ONCLICK

15.

СОБЫТИЕ
ONLOAD
LOAD
И
ЕГО
ОБРАБОТЧИК
СОБЫТИЕ
LOAD
ВОЗНИКАЕТ
ДЛЯ
ЭЛЕМЕНТОВ BODY И FRAMESET КОГДА
ЗАКОНЧЕНА
ЗАГРУЗКА
ДОКУМЕНТА.
НАПРИМЕР, В ДАННОМ ПРИМЕРЕ, ПОСЛЕ
ЗАГРУЗКИ
СТРАНИЦЫ
ВЫЗЫВАЕТСЯ
МЕТОД ALERT().
LOAD EVENT AND ITS ONLOAD HANDLER
THE LOAD EVENT FIRES FOR THE BODY AND
FRAMESET
ELEMENTS
WHEN
THE
DOCUMENT HAS FINISHED LOADING. FOR
EXAMPLE, IN THIS EXAMPLE, AFTER
LOADING THE PAGE, THE ALERT () METHOD
IS CALLED.

16.

НАЗНАЧЕНИЕ ОБРАБОТЧИКОВ СОБЫТИЙ
В ВИДЕ ФУНКЦИЙ
ASSIGNING
FUNCTIONS
ЕСЛИ ОБРАБОТЧИК СОБЫТИЯ ЗАНИМАЕТ
БОЛЬШЕ
ОДНОЙ
СТРОКИ
ЧИТАБЕЛЬНОСТЬ РЕЗКО ПАДАЕТ. В ЭТОМ
СЛУЧАЕ ДЛЯ ОБРАБОТКИ СОБЫТИЯ
НУЖНО ИСПОЛЬЗОВАТЬ ФУНКЦИЮ. ПРИ
ЭТОМ
В
ОБРАБОТЧИКЕ
СОБЫТИЯ
УКАЗЫВАЮТ ТОЛЬКО ИМЯ ФУНКЦИИ, А
САМА
ФУНКЦИЯ
ОПИСЫВАЕТСЯ
В
РАЗДЕЛЕ <HEAD>.
IF THE EVENT HANDLER TAKES MORE
THAN ONE LINE, READABILITY DROPS
SHARPLY. IN THIS CASE, YOU NEED TO USE
A FUNCTION TO HANDLE THE EVENT. IN
THIS CASE, ONLY THE NAME OF THE
FUNCTION IS SPECIFIED IN THE EVENT
HANDLER, AND THE FUNCTION ITSELF IS
DESCRIBED IN THE <HEAD> SECTION.
ОПИСАНИЕ ФУНКЦИИ
СИНТАКСИС:
EVENT
FUNCTION DESCRIPTION
SYNTAX:
function Имя_Функции
(необязательный список
формальных аргументов
через запятые) { ... операторы
... return значение; }
HANDLERS
AS

17.

КОМАНДА
RETURN,
ВОЗВРАЩАЮЩАЯ
ЗНАЧЕНИЕ ФУНКЦИИ, МОЖЕТ БЫТЬ НЕ
ОДНА, МОЖЕТ И ВОВСЕ ОТСУТСТВОВАТЬ.
В ПОСЛЕДНЕМ СЛУЧАЕ ФУНКЦИЯ НЕ
ВОЗВРАЩАЕТ НИКАКОГО ЗНАЧЕНИЯ И ЕЕ
ВЫЗОВ
НЕЛЬЗЯ
ИСПОЛЬЗОВАТЬ
В
ВЫРАЖЕНИЯХ. ЕСЛИ В ФУНКЦИЮ ИЛИ ИЗ
НЕЕ НЕ ПЕРЕДАЮТСЯ ПАРАМЕТРЫ - ТО
ПОСЛЕ ИМЕНИ ФУНКЦИИ СТАВЯТСЯ
КРУГЛЫЕ СКОБКИ БЕЗ ПАРАМЕТРОВ.
THERE MAY BE MORE THAN ONE RETURN
COMMAND RETURNING THE VALUE OF A
FUNCTION, OR IT MAY EVEN BE ABSENT. IN
THE LATTER CASE, THE FUNCTION DOES
NOT RETURN ANY VALUE AND ITS CALL
CANNOT BE USED IN EXPRESSIONS. IF
PARAMETERS ARE NOT PASSED TO OR FROM
THE FUNCTION, THEN PARENTHESES
WITHOUT PARAMETERS ARE PLACED AFTER
THE FUNCTION NAME.

18.

ВЫЗОВ ФУНКЦИИ
FUNCTION CALL
СИНТАКСИС:
SYNTAX:
Имя_Функции(список фактических аргументов через запятые)
ФАКТИЧЕСКИМ АРГУМЕНТОМ ФУНКЦИИ
МОЖЕТ БЫТЬ КОНСТАНТА, ПЕРЕМЕННАЯ,
ВЫРАЖЕНИЕ И, В ЧАСТНОСТИ, ВЫЗОВ
ДРУГОЙ ФУНКЦИИ. ФУНКЦИЯ НЕ МОЖЕТ
БЫТЬ ВЫПОЛНЕНА ДО ТЕХ ПОР, ПОКА НЕ
БУДЕТ ЯВНОГО ОБРАЩЕНИЯ К НЕЙ.
THE ACTUAL ARGUMENT OF A FUNCTION
CAN BE A CONSTANT, A VARIABLE, AN
EXPRESSION AND, IN PARTICULAR, A CALL
TO ANOTHER FUNCTION. THE FUNCTION
CANNOT BE EXECUTED UNTIL THERE IS AN
EXPLICIT CALL TO IT.
ПРИМЕР 1
EXAMPLE 1
ОФОРМИМ ВВОД И ВЫЧИСЛЕНИЕ СУММЫ
ДВУХ ЧИСЕЛ КАК ФУНКЦИЮ, КОТОРАЯ
ВЫЗЫВАЕТСЯ ПО ЩЕЛЧКУ КНОПКИ.
LET'S
FORMAT
THE
INPUT
AND
CALCULATION OF THE SUM OF TWO
NUMBERS AS A FUNCTION THAT IS CALLED
WHEN THE BUTTON IS CLICKED.

English Русский Правила