- •1. Основы
- •1.2 Идентификаторы ресурсов
- •2.1.1 Простейшая программа на языке html
- •2.1.2 Тэговая модель документа.
- •2.2.3 Комментарии
- •2.2.4 Тэги тела документа
- •2.2.6 Центрирование элементов документа
- •2.2.9 Ссылки в html-документе
- •2.2.10 Изображения внутри html-документа
- •2.2.11 Создание карты изображений
- •2.2.12 Фоновые рисунки
- •2.2.13 Горизонтальная линия
- •2.2.14 Добавление стилей в html-документ
- •2.3.2 Синтаксис
- •2.3.3 Тэги Формы
- •2.3.4 Меню выбора в формах
- •2.4.2 Основные атрибуты таблицы
- •3.2Синтаксис и элементы css
- •3.2.1 Добавление стилей css в html-документ
- •3.2.2 Группирование
- •3.2.3 Наследование
- •3.2.4 Селекторы
- •3.2.5 Классы
- •3.2.6 Идентификаторы
- •I {text-decoration:line-through;}
- •Http://css.Find-info.Ru/css/003/css.Htm - ogl
- •Http://css.Find-info.Ru/css/003/css.Htm - ogl
- •4. Язык JavaScript
- •4.2 Синтаксис JavaScript
- •4.2.1 Типы данных
- •Преобразование типов данных
- •4.2.2 Переменные и константы
- •4.2.3 Идентификаторы
- •4.2.4 Область действия переменных
- •4.2.5 Комментарии
- •4.3.1 Оператор for...In
- •4.3.2 Оператор new
- •4.3.3 Ключевое слово this
- •4.3.4 Оператор with
- •4.4.1 Объекты и Свойства
- •4.4.2 Функции и Методы
- •4.4.3 Определение методов
- •4.4.4 Создание Новых Объектов
- •4.4.5 Определение методов
- •4.5 Использование Встроенных Объектов и Функций
- •4.5.1 Объект Date
- •4.5.2 Объект Array
- •4.5.3 Объект String
- •4.5.4 Объект Math
- •4.6.1 Объект window
- •4.6.2 Объект document
- •4.6.3 Коллекции объекта document
- •4.6.4 Объект event
- •4.6.5 Объект history
- •4.6.6 Объект location
- •4.6.7 Объект navigator
- •5.1.2 Некоторые преимущества рнр
- •5.1.3 Вставка в html
- •5.1.5 Комментарии
- •5.1.6 Идентификаторы
- •5.1.7 Переменные, объявляемые пользователем
- •5.1.8 Типы переменных
- •5.1.9 Приведение типов
- •5.1.10 Переменные переменных
- •5.1.11 Константы
- •5.1.12 Знаки операций
- •5.1.13 Функции
- •5.2 Поддержка баз данных в рнр
- •Int mysql_affected_rows ([resource идентификатор_соединения])
- •Int mysql_num_rows(resource результат)
- •5.3 Отслеживание сеанса
- •If (! sessionjs_registered('hits')) :
- •Void session_set_save_handler (string open, string close, string read, string write, string destroy, string go)
- •Ip char(30) not null,
- •Include("init.Inc ");
- •Include("init.Inc");
- •ViewStats( );
- •5.4 Объектно-ориентированные возможности рнр
- •Is_subclass_of( )
4.5.3 Объект String
Представление строк и операций над ними.
Создание зкземпляра – new String(str)
Параметр str задает строковое выражение. Экземпляр создается по умолчанию при таком описании переменной:
var str="Сверкалось... Скойкие сюды волчились у развел.";
Эта запись эквивалентна следующей:
var str=new String("Сверкалось... Скойкие сюды волчились у развел.");
Таблица 4.5– Свойства объекта String
параметр |
значение |
length |
Длина строки. var str= "Бег от н\я"; alert(str.length); // 9 |
Таблица 4.6 – Методы объекта String
метод |
описание |
charAt(ind) |
Возвращает символ из указанной позиции строки (нумерация с нуля). var str= new String("абвгд"); var ind=0; |
indexOf(subStr,startInd)indexOf(subStr) |
Поиск подстроки subStr, начиная с позиции startInd и до конца строки. Метод возвращает позицию, с которой начинается подстрока. Если startInd не задан, поиск начинается с нулевой позиции. Если подстрока не найдена, метод возвращает -1. |
lastIndexOf(subStr,startInd)lastindexOf(subStr) |
Поиск подстроки subStr, начиная с позиции startInd и до начала строки. Метод возвращает позицию, с которой начинается подстрока. Если startInd не задан, поиск начинается с последней позиции строки к ее началу. Если подстрока не найдена, метод возвращает -1. |
substring(ind1,ind2)substring(ind1) |
Возвращает подстроку от позиции ind1 до позиции ind2-1. Если ind1 меньше нуля, он полагается равным нулю. Если ind2 больше длины строки, он полагается равным длине строки. Если ind1 равен ind2, возвращается пустая строка. Если ind2 опущен, возвращается конец строки, начиная с позиции ind1. |
toLowerCase() |
Возвращает строку, преобразованную к нижнему регистру (исходная строка никак не меняется). |
toUpperCase() |
Возвращает строку, преобразованную к верхнему регистру (исходная строка никак не меняется). |
4.5.4 Объект Math
Математические функции и константы.
Объект существует в единственном экземпляре. Программист не может создать свой собственный экземпляр этого объекта.
Таблица 4.7– Свойства объекта Math
параметр |
значение |
E |
Основание натурального логарифма (константа Эйлера). |
LN10 |
Натуральный логарифм числа 10. |
LN2 |
Натуральный логарифм числа 2. |
LOG10E |
Логарифм числа E по основанию 10. |
LOG2E |
Логарифм числа E по основанию 2. |
PI |
Число пи. |
SQRT1_2 |
Квадратный корень из 1/2. |
SQRT2 |
Квадратный корень из 2. |
Таблица 4.8 – Методы объекта Math
метод |
описание |
abs(arg) |
Возвращает абсолютное значение аргумента. |
sin(arg)cos(arg)tan(arg) |
Стандартные тригонометрические функции, аргумент указывается в радианах. |
asin(arg)acos(arg)atan(arg) |
Обратные тригонометрические функции, возвращают значения в радианах. |
exp(arg)log(arg) |
Экспонента и натуральный логарифм (основание e). |
ceil(arg) |
Возвращает ближайшее целое число, большее или равное аргументу. |
floor(arg) |
Возвращает ближайшее целое число, меньшее или равное аргументу. |
min(arg1,arg2)max(arg1,arg2) |
Минимальное (максимальное) значение из двух числовых аргументов. |
pow(arg1,arg2) |
Возвращает arg1 в степени arg2. |
random() |
Возвращает случайное число из диапазона [0,1]. |
round(arg) |
Округляет аргумент до ближайшего целого. |
sqrt(arg) |
Корень квадратный из аргумента. |
4.6 Объектная модель броузера
Было сказано, что используя JavaScript, можно перейти к технологиям динамического HTML. Для того чтобы изменять уже нарисованный браузером экран или создавать новые окна, нужно проникнуть в иерархию объектов браузера, получить доступ к его объектам. JavaScript предоставляет такую возможность. В чем суть динамического HTML-программирования? Браузер не только показывает образы тегов на экране компьютера. Браузер для каждого тега строит объект, наделяя его соответственными свойствами и методами. Все эти объекты помещаются в стройную иерархию, которая называется объектной моделью браузера. Доступ к объектной модели можно выполнить на JavaScript. Это дает следующие преимущества: браузер постоянно следит за своей объектной моделью; если в ней что-то меняется, это изменение сразу отображается на экране. Вот в этом и есть суть программирования динамики на гипертекстовой странице.
С программистской точки зрения браузер представляет собой следующую иерархию объектов:
Рисунок 4.1
В этой иерархии объекты, построенные для тегов документа, браузер включает в состав объекта document.