
- •ВВЕДЕНИЕ
- •ОСНОВЫ СОЗДАНИЯ СЦЕНАРИЕВ
- •Способы создания динамических HTML-документов
- •Объектная модель документа
- •Структура HTML-документа
- •Структура объекта document
- •События
- •Основы JavaScript
- •Строки
- •ЛАБОРАТОРНЫЕ РАБОТЫ
- •Доступ к свойствам и методам объектов
- •Размещение сценариев в HTML-документе
- •Реакция на событие в отдельном элементе
- •Фиксация события в родительском элементе
- •Проверка данных перед отправкой на сервер
- •Получение данных из всплывающего списка
- •Проверка данных сразу после ввода
- •Предварительная загрузка изображений
- •Рисование
- •Движение
- •Перетаскивание
- •Свойства браузеров и объект navigator
- •Способы преодоления несовместимости браузеров
- •Создание нового окна
- •Управление таблицей
- •Библиографический список
Массив product двумерный. Элемент product[0][1] имеет зна- чение 250. Длина двумерного массива определяется свойством length:
L |
= |
product.length |
// |
L |
= |
3 |
m |
= |
product[0].length |
// |
m |
= |
2 |
Элементами массива product являются три массива, каждый из которых состоит из двух элементов.
Строки. Строка в JavaScript является одновременно и объек- том string, и переменной, поэтому может быть создана двумя спо- собами:
st1 = new String("Строка – это объект") st2 ="Строка – это переменная"
Строки, рассматривая их как переменные, можно объединять с помощью операции конкатенации. В нижеприведенном примере
новая строка получается в результате объединения двух строковых переменных, строковой константы и числовой переменной:
st1 = "Санкт-Петербург основан" n = 1703
st2 = " году"
st3=st1 + " в " + n +st2
В строке st3 будет предложение Санкт-Петербург основан в 1703 году. Тип переменной n изменён автоматически.
Наиболее часто над строкой совершаются следующие дейст-
вия:
∙ищется подстрока;
∙выделяется несколько символов (подстрока), начиная с символа с заданным номером;
∙одна подстрока заменяется другой.
Для поиска подстроки используется метод indexOf(), имеющий следующий синтаксис:
строка.indexOf(подстрока [,начало]) ,
//где начало – номер символа в строке, с ко//торого нужно начинать поиск.
15
Результат применения метода indexOf() – номер символа, с ко- торого начинается искомая подстрока. Нумерация символов начи- нается с нуля. Найдём в строке st3 номер символа, с которого на- чинается подстрока Петербург:
n = st3.indexOf("Петербург") // результат – 6
Для выделения нескольких символов используется метод substr(), имеющий следующий синтаксис:
строка.substr(начало [,длина]) ,
где: начало – номер символа, с которого начинается подстрока,
длина – длина искомой подстроки
Результат применения метода – найденная подстрока. Выде- лим в st3 слово Петербург:
gorod = st3.substr(6,9)
Для замены подстроки используется метод replace(), имеющий следующий синтаксис:
строка.replace(регулярное выражение, заменяющая подстрока)
В качестве регулярного выражения в простейшем случае мож- но применить заменяемую подстроку. Заменим в строке st3 под- строку 1703 году на подстроку XVIII веке:
osnovanie=st3.replace(/1703 году/, " XVIII веке")
Строка st3 примет значение Санкт-Петербург основан в XVIII веке.
Объекты Math и Number. Свойствами объекта Math служат математические константы, а методами − математические функ- ции. Примеры использования объекта Math:
r |
= |
5 |
* |
//радиус |
L |
= |
2 |
Math.PI * r |
|
//Длина |
окружности L=31.41592653589793 |
16