1744

var k=0 var s=0

document.write('<b>Системой зарегистрированы следующие пользователи:</b><br>')

while (i<=5){ p=prompt('Введите имя','')

if (p==''){ alert('Вы не ввели данные') k=k+1

}

else

{alert('Вы зарегистрированы, '+p) document.write(i+'. '+p+'<br>') s=s+1

}

i++

}

alert('Ввод данных завершен') document.write('<br>Не зарегистрировано='+k+'<br>') document.write ('Зарегистрировано='+s)

</script>

В данном примере переменная k вычисляет количество незарегистрированных пользователей, а переменная s количество зарегистрированных пользователей.

На рис.15 показано, как будет выглядеть результат работы сценария.

Рис. 15. Вид Web-страницы в окне браузера

31

2.12.3.Цикл с постусловием do … while

ВJavaScript цикл do … while имеет следующую структуру: Do {

Тело цикла

}

while (Условие)

Этот цикл работает следующим образом: Тело цикла

выполняется до тех пор, пока Условие принимает значение истина. Если Условие становится ложным, то управление передается оператору, следующему за концом цикла.

Если в Теле цикла вы используете только один оператор, то фигурные скобки можно не применять.

Отличие цикла с постусловием от цикла с предусловием заключается в том, что в цикле с постусловием Тело цикла обязательно выполняется хотя бы один раз.

Пример

Вводятся имена до тех пор, пока не введено пустое или не нажата кнопка «Cancel». При этом считается количество введенных имен и в окно браузера выводятся введенные имена и их количество.

<script language="JavaScript"> var i=1

document.write("Введенные имена: <br><br>") do {

s=prompt("Введите имя","")

if (s>" ") {document.write(i+". "+s+"<br>") i=i+1 }

}

while (s>" ")

document.write("<br>Всего введено имен:"+(i-1)) </script>

На рис.16 показано, как будет выглядеть результат работы сценария.

32

Пример

Следующий сценарий создает новый объект ob, а затем последовательно выводит все его свойства на экран обозревателя:

<script language="JavaScript">

var ob = {"Н" : "Новосибирск", "О" : "Омск", "Т" : "Томск"}; for (var key in ob)

document.write(key + ": " + ob[key] + "<BR>"); </script>

На рис.17 показано, как будет выглядеть результат работы сценария.

Рис. 17. Вид Web-страницы в окне браузера

Глава 3. ОБЪЕКТЫ JAVASCRIPT

3.1. Общие понятия

Объект сочетает в себе несколько типов данных (свойств) и функций (методов), управляющих этими данными, т.е. объект это набор методов и свойств. Каждый элемент данных, сохраненный в объекте, называется свойством. Функции, которые обрабатывают свойства объекта, это методы.

Каждый объект имеет одно или несколько свойств (атрибутов). Доступ к свойствам объекта осуществляется с помощью следующих конструкций:

Объект.Свойство или Объект["Свойство"] Использование методов объекта организовано с помощью

следующих конструкций: Объект.Метод([Параметры])

В JavaScript поддерживаются следующие типы объектов:

Встроенные объекты, которые встроены непосредственно в

JavaScript.

Объекты браузера, представляющие элементы браузера и текущего документа HTML.

34

Пользовательские объекты, которые создаются пользователем. Рассмотрим эти типы объектов подробнее.

3.1.1.Встроенные объекты

Кним относятся следующие объекты, обладающие некоторыми наборами свойств и методов:

Array позволяет создать новый массив;

Boolean создает новое булево выражение;

Date позволяет сохранять в памяти и восстанавливать дату и время;

Function создает новую функцию;

Global соединяет глобальные методы (например, eval) в одном объекте;

Math обеспечивает основные математические функции и константы;

Number представляет собой числовые данные;

Object обеспечивает общие функции всех объектов языка

JavaScript;

RegExp будучи глобальным, сохраняет информацию о результатах совпадений с шаблоном регулярного выражения (при поиске текстовых строк);

String позволяет форматировать и изменять текстовые строки

иуказывать расположение частей строки.

3.1.2.Объекты браузера

Язык сценариев JavaScript позволяет управлять внешним видом загруженной Web-страницы, преобразовывать документ, запускать новые окна и т.д. Для этого в JavaScript включены специальные объекты, которые называются объектами браузера. Каждый такой объект отвечает за определенный элемент Web-страницы: окно, документ, рисунок и т.д. Объекты браузера также имеют свойства, описывающие Web-страницу, и методы, позволяющие управлять частью документа.

К основным объектам браузера относятся следующие объекты, перечисленные ниже в иерархическом порядке:

window – представляет окно браузера;

дочерние объекты объекта window:

35

document – представляет Web-документ;

history – содержит сведения о страницах, посещаемых за текущий сеанс, и методы перехода по ним;

location – содержит сведения о Web-документе, который в текущий момент открыт в окне;

дочерние объекты объекта document:

links[] – содержит сведения о ссылке на другую страницу или метку;

anchors[] – содержит записи о якорях(ссылках) в документе; images[] – содержит записи для каждого объекта image в

документе;

forms[] – содержит записи для каждого объекта form по порядку встречаемости в документе;

frames[] – содержит записи для каждого фрейма-потомка frame в окне, содержащем тег <FRAMESET> по порядку встречаемости.

3.1.3.Пользовательские объекты

Впроцессе разработки Web-страниц иногда возникает потребность в создании собственных объектов, использующих более сложные структуры (например, сценарий управления базой данных).

3.2. Объект String

Объект String содержит свойства и методы работы со строками. Основы работы со строками (описание, синтаксис, конкатенация строк) были описаны ранее в главе 2 (п. 2.1, 2.3, 2.4).

Основные свойства и методы объекта String приведены в табл.3.

36

37

Пример

Вводится строка. Выводится в окно браузера сначала жирным, затем курсивом, затем с размером шрифта 5.

<script language="JavaScript"> var S

S=prompt("Введите строку","") document.write(S.bold()+ '<br>') document.write(S.italics()+ '<br>') document.write(S.fontsize(5))

</script>

На рис.18 показано, как будет выглядеть результат работы сценария.

Рис. 18. Вид Web-страницы в окне браузера

Пример

Вводится строка. Заменить в ней все символы «+» на «-». <script language="JavaScript">

var s, s1, i

s=prompt("Введите строку","") // ввод исходной строки N=s.length // вычисление длины строки s

38

else s1=s1+s.charAt(i)

// иначе в строку s1 переносим символ из строки s

}

alert(s1)

</script>

В программе использованы следующие методы объекта String:

-метод length для вычисления длины введенной строки;

-метод charAt(i) для обращения к отдельному символу строки с номером i (нумерация начинается с 0).

3.3. Объект Array

Язык JavaScript не имеет встроенного типа данных для создания массивов, и для работы с массивами используется объект Array и его свойства и методы.

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

Способ 1 m=new Array(3)

С помощью команды new определяется массив с именем m размерности 3 (нумерация элементов в массиве начинается с 0); всего элементов в массиве 4.

Пример

<html>

<head> <title>Способ 1</title>

<script language="JavaScript"> //создание нового массива m=new Array(3) //заполнение массива m[0]=1

m[1]=2

m[2]=4

m[3]=56

39