Информационных технологий, механики и оптики


// комментарий, расположенный на одной строке. /*



бет5/5
Дата07.01.2022
өлшемі1,02 Mb.
#20684
түріУчебное пособие
1   2   3   4   5
Байланысты:
Javascript

// комментарий, расположенный на одной строке.

/*

комментарий, расположенный на нескольких строках.



*/
Ссылка на объект осуществляется по имени, заданному параметром name тэга HTML, с использованием точечной нотации. Например, пусть в документе задана форма с двумя полями ввода:


Фамилия: Курс:

Для получения фамилии студента, введенного в первом поле ввода, в программе JavaScript следует использовать ссылку document.form.student.value, a чтобы определить курс, на котором обучается студент, необходимо использовать ссылку document.form.course.value.


Переменные и литералы в JavaScript
В JavaScript все переменные вводятся с помощью одного ключевого слова var. Синтаксическая конструкция для ввода в программе новой переменной с именем name1 выглядит следующим образом:
var name1;
Объявленная таким образом переменная name1 имеет значение 'undefined' до тех пор, пока ей не будет присвоено какое-либо другое значение, которое можно присвоить и при ее объявлении:

var name1 = 5;


var name1 = "новая строковая переменная"; JavaScript поддерживает четыре простых типа данных:


  • Целый




  • Вещественный




  • Строковый




  • Логический (булевый)

12

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


Выражения JavaScript
Выражение – комбинация переменных, литералов и операторов, в результате вычисления которой получается одно единственное значение. Переменные в выражениях должны быть инициализированы.
1. Присваивание Оператор присваивания (=) рассматривается как выражение

присваивания, которое вычисляется равным выражению правой части, и в то же время он присваивает вычисленное значение выражения переменной заданной в левой части:

var name2=10;
2. Арифметическое выражение Вычисляемым значением арифметического выражения является

число. Создаются с помощью арифметических операторов. Таблица 2.




Оператор

Действие

+

Сложение

-

Вычитание

*

Умножение

/

Деление

%

Остаток от деления целых чисел

++

Увеличение значения на единицу

--

Уменьшение значения на единицу

3. Логическое выражение


Вычисляемым значением логического выражения может быть true или false. Для создания используются операторы сравнения или логические операторы, применяемые к переменным любого типа.
Таблица 3.




















Операторы

Значение







Логические

Значение

сравнения







Операторы














































= =

Равно







&&

логическое И































! =

Не равно







| |

логическое ИЛИ































>=

Больше или равно







!

логическое НЕ





































13



















<=

Меньше или равно








































>

Строго больше








































<

Строго меньше








































4. Строковые выражения Вычисляемым значением строкового выражения является число. В
JavaScript существует только один строковый оператор – оператор конкатенации (сложения) строк:
string1 = “Моя ” + “строка”


1.3. Управляющие конструкции языка JavaScript
Операторы JavaScript
Операторы служат для управления потоком команд в JavaScript. Блоки операторов должны быть заключены в фигурные скобки.

1. Операторы выбора

• условный оператор if
Эта управляющая структура используется, когда необходимо выполнить некий программный код в зависимости от определенных условий. Также предусмотрена конструкция if-else (если-тогда-иначе).

if (условие_1)


{
оператор_1; // эти операторы выполняются, если условие_1 верно
оператор_2;

}

else


{
оператор_3; // эти операторы выполняются, если условие_1 ложно оператор_4;
}
Условие для проверки ( вопрос компьютеру) записывается сразу после слова if в круглых скобках. После этого в фигурных скобках пишется то, что будет предприниматься в случае выполнения условия. Далее else и снова в фигурных скобках то, что выполнится в случае, если условие не сработает. Количество различных действий между фигурными скобками неограниченно, фактически можно выполнить две различные программы. При сравнении можно использовать логические выражения. Например:

14

• оператор выбора switch


Это фактически несколько условных операторов, объединенных в одном. В данном операторе вычисляется одно выражение и сравнивается со значениями, заданными в блоках case. В случае совпадения выполняются операторы соответсвующего блока case.
switch (выражение) { case значение1:
оператор_1; break;

case значение2: оператор_2; break;

…..
default:
оператор;

}
Если значение выражения не равняется ни одному из значений, заданных в блоках case, то вычисляется группа операторов блока default, если этот блок задан, иначе происходит выход из оператора switch. Необязательный оператор break, задавемый в блоках case, выполняет безусловный выход их оператора switch.


2. Операторы цикла Оператор цикла повторно выполняет последовательность операторов
JavaScript, определенных в его теле, пока не выполниться некоторое заданное условие.
• цикл for (цикл со счетчиком) for (i=1; i<10; i++){
<тело цикла>

}
Первый параметр (i=1) определяет счетчик и указывает его начальное значение. Этот параметр называется начальным выражением, поскольку в нем задается начальное значение счетчика (начальное значение в данном

15

случае равно единице). Это выражение инициализации выполняется самым первым и всего один раз.



Второй параметр (i<10) - это условие, которое должно быть истинным, чтобы цикл выполнялся, как только условие цикла становится ложным, работа цикла завершается. Он называется условием цикла. Проверка условия цикла осуществляется на каждом шаге; если условие истинно, то выполняется тело цикла (операторы в теле цикла). Цикл в данном случае выполнится только девять раз так как задано условие i<10.
Третий параметр (i++) - это оператор , который выполняется при каждом последовательном прохождении цикла. Он называется выражением инкремента, поскольку в нем задается приращение счетчика (приращение счетчика в данном случае равно единице). Пример автоматической прорисовки нескольких линий с помощью цикла for.

• цикл while (цикл с предусловием) while (условие)
{

<тело цикла>

}

Пока значение условия - true (истинно), выполняется тело цикла. Тело цикла может быть представлено простым или составным оператором.



Оператор while содержит в скобках все необходимые параметры условия цикла (логическое выражение). После определения всех параметров цикла вводится открывающая фигурная скобка, символизирующая начало тела цикла. Закрывающая фигурная скобка вводится в конце тела цикла. Все операторы, введенные в скобках, выполняются при каждом прохождении цикла.


• прерывание и перезапуск цикла
Оператор прерывания break позволяет прервать выполнение цикла и перейти к слудующему за ним выражению:
a = 10; i = 1;

while (a<100){


16

a = a * i;


if (i>4) break; ++i;

}

Если значение i превысит 4, то прерывается выполнение цикла. Оператор перезапуска continue позволяет перезапустить цикл, т.е.



оставить невыполненными все последующиевыражения, входящие в тело цикла, и запустить выполнение цикла с самого начала.
a = 10; i = 1;

while (a<100){ ++i;

if (i>2 && i<11) continue; a = a * i;
}
Создание и вызов функций в JavaScript
В JavaScript функцией называется именованная часть программного кода, которая выполняется только при обращении к ней посредством указания ее имени. Функции создаются с помощью ключевого слова function. Обычно функции располагают в секции . Такое расположение функций в HTML-документе гарантирует их полную загрузку до того момента, когда их можно будет вызвать из секции .

После названия функции (func_name) ставятся двойные круглые скобки, программный код при этом заключается в фигурные скобки:




Для того, чтобы вызвать функцию в нужном месте, необходимо просто указать ее имя в тексте:

Второй вариант вызова функции непосредственно в HTML теге: Текст ссылки

Ниже приведен код страницы HTML, после загрузки которой каждые три секунды будет появляться сообщение, генерируемое вызовом функции myMessage():





Каждые три секунды будет появляться сообщение

Добро пожаловать,


Данные о пользователе


Пожалуйста, укажите данные о себе:

ФИО


Адрес
e-mai




34

Дo6po пожаловать на нашу страницу!

<р>3десь много интересной информации.

3десь много интересной информации.

3десь много интересной информации.
3десь много интересной информации.
3десь много интересной информации.

Добро пожаловать на нашу страницу!

<р>3десь много интересной информации.

3десь много интересной информации.


3десь много интересной информации.

3десь много интересной информации.


3десь много интересной информации.
Дo6po пожаловать на нашу страницу!

<р>3десь много интересной информации.
3десь много интересной информации.

3десь много интересной информации.

3десь много интересной информации.

3десь много интересной информации.



Добро пожаловать на нашу
страницу!


<р>3десь много интересной информации. 3десь много интересной информации. 3десь много интересной информации. 3десь много интересной информации.
3десь много интересной информации.

Добро пожаловать на нашу страницу!



<р>3десь много интересной информации. 3десь много интересной информации. 3десь много интересной информации. 3десь много интересной информации.
3десь много интересной информации.

Добро пожаловать на нашу страницу!



<р>3десь много интересной информации. Здесь много интересной информации. Здесь много интересной информации. Здесь много интересной информации.
Здесь много интересной информации.

Добро пожаловать на нашу страницу!



<р >Простой текст для позиционирования.


Текст, шагом марш!

41

Текст, шагом марш!




Текст, шагом марш!



Текст, шагом марш!



Текст, шагом марш!


Текст, шагом марш!





Текст, шагом марш!

44


Слой1 наверху


Слой 1



Слой 2

45

Слой 2 наверху



Слой 1

Слой 2

показать слой 1

показать слой 2


показать слой 3

показать слой 4

показать слой 5





Слой номер один


Некоторый текст , на слое расположенный. Его можно скрыть и показать. Текст может содержать несколько строк.
48


Слой номер два

Содержит свой текст. Если показывается, то текст на других слоях не виден.



Слой номер три


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





Слой номер четыре

Здесь нет текста.




Слой номер пять

И тут тем более нет.




Пример простой






.
3. Сохраните документ с именем Ex7.html в рабочей папке.


Задание 8.


  1. Создайте простой HTML-документ.




  1. Сохраните документ с именем Ex8.html в рабочей папке.

  2. Добавьте скрипт, на основе которого будут выполняться следующие условия:




    • если на страницу зашел пользователь через браузер Microsoft Internet Explorer, перенаправьте его автоматически на страницу

Ex1.html;




    • если на страницу зашел пользователь через любой другой

браузер, перенаправьте его на страницу Ex3.html.

Для выполнения задания используйте свойство appName
объекта navigator.


2.3. Практическая работа №3. Объекты клиентских приложений. Обработка событий.
Задание 9.


  1. Рассмотрите скрипт:



document








Создание нового окна






Добро пожаловать на нашу страницу!



Добро пожаловать на нашу страницу!



Текст, шагом марш!





Текст, шагом марш!


Достарыңызбен бөлісу:
1   2   3   4   5




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет