Само наличие готовой стартовой страницы — это, конечно, большая часть дела, но ведь нужно еще договориться с браузером, чтобы он каждый раз при запуске открывал именно ее. Вот как происходят переговоры:

Для Internet Explorer’а: «Сервис/ Свойства обозревателя…». В первом же окошке задается нужный адрес.

Для Opera: «Инструменты/ Настройки…». В выпадающем списке «Запуск» выбирайте «Начать с домашней страницы», строкой ниже — вводите нужный адрес. Можно выбрать вариант «Продолжить с места разъединения», тогда после повторного запуска браузер автоматически загрузит последние открытые страницы.

Если в освоении HTML-редактора для создания стартовой страницы нет ничего сложного (опять же — не нужно считать каждый лишний байт объема, открыта полная свобода творчества), то первая встреча с JavaScript и попытка использовать их в своей странице может создать определенные проблемы для неподготовленного пользователя. В скромных рамках данного материала сложно отразить все хитрости общения с ними, однако на помощь может прийти все тот же интернет. На запрос типа «коллекция JavaScript» Яндекс моментально выдает множество страниц, где авторы совершенно безвозмездно отдают в пользование наработки, которые пригодятся вам в процессе разработки личной стартовой страницы.

Как правило, они приводят множество решений самых разнообразных задач — «идущие часики», «изменение фона документа» и прочего. Читатель может самостоятельно подобрать и украсить свою страницу практически любой подобной изюминкой. Мы расскажем об основных принципах.

Это важно: далеко не всем скриптам, размещенным в сети, стоит доверять. Так что перед использованием попытайтесь все-таки понять, что тот или иной скрипт делает.

Во-первых, JavaScript — это язык, выполняющийся на «клиентской стороне», то есть его код загружается вместе с кодом страницы в браузер компьютера посетителя сайта и запускается уже на нем.

Во-вторых, во всех случаях JavaScript применяется только для оживления уже готовой страницы — как правило, для создания более удобного интерфейса. Его задачи исключительно вспомогательные и не должны мешать главному — получению информации посетителем.

Каждый кусочек кода надо обрамлять тегами . Раньше рекомендовали еще и HTML-комментарии добавлять, но сейчас этим уже вполне можно пренебречь. Между этими тегами помещается собственно код.

Любимый первоначальный пример с сообщением пользователю Hello world! можно написать вот так:

В JavaScript есть переменные:

Есть массивы и циклы:

Есть условный оператор:

Более подробно об основных операторах языка вы сможете прочитать, например, в любимом мной справочнике веб-разработчика http://wdh.suncloud.ru/.

С точки зрения JavaScript любая страница описывается как набор объектов. Например, существует объект document, создаваемый автоматически и соответствующий загруженному в браузер HTML-документу, объект window, соответствующий окну браузера или текущему фрейму.

Однотипные объекты объединяются в коллекции — так, у объекта document есть коллекция объектов forms, соответствующая всем формам, присутствующим на странице. В результате конструкция document['forms']['WorkForm1']['Message'], несмотря на угрожающий вид, всего-навсего возвращает значение поля с именем Message из формы с оригинальным именем WorkForm1.

Вообще, объектная модель JavaScript достаточно богата — объекты соответствуют формам и элементам форм, картинкам, гиперссылкам.

Часть объектов ничему на странице не соответствует — так, объекты типа Date инкапсулируют работу с датами и позволяют получить, например, текущий год или день недели.

Все объекты, соответствующие чему-либо на странице, можно заставить реагировать на различные события — как правило, действия пользователя вроде перемещения мыши (onmousein, onmouseout) или щелчка любой из ее кнопок (onclick, ondoubleclick), выбора пункта в выпадающем меню или ввода текста (onchange). Но некоторые события от пользователя не зависят — например, загрузка или выгрузка страницы (onload, onunload).

Это — проблема: в разных браузерах, да и в разных версиях одного и того же браузера один и тот же код может работать по-разному — из-за разной объектной модели.

Рассмотрим сравнительно простую задачу — проверку введенных в форму данных на корректность.

Это важно: на сервере полученные данные все равно придется проверять еще раз — злоумышленник может легко обойти все эти проверки. Помогут они, в основном, от человека неаккуратного.

Разделим задачу на две подзадачи: хранение правил корректности ввода данных и их обработка

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

function CheckFunctions () {

//короткий текст

/*

Определим скрытое свойство, в котором будет хранится максимальная длина короткого текста:

*/

var MaxSizeOfShortText=128;

/*

...и функцию, которая будет осуществлять проверку на то, является ли исследуемый текст коротким, т.е. по длине не большим чем MaxSizeOfShortText

*/

this.TheShortText=function(Field) {

return ((Field.value+'').length<=MaxSizeOfShortText)

}

/*

Теперь напишем еще два метода для чтения/записи скрытого параметра

MaxSizeOfShortText

*/

this.GetMaxSizeOfShortText=function() { return MaxSizeOfShortText; }

this.SetMaxSizeOfShortText=function(NewValue) { MaxSizeOfShortText=NewValue; }

//Примерно то же самое для длинного текста:

var MaxSizeOfLongText=1024;

this.TheLongText=function (Field) {

return ((Field.value+'').length<=MaxSizeOfLongText)

}

this.GetMaxSizeOfLongText=function() { return MaxSizeOfLongText; }

this.SetMaxSizeOfLongText=function(NewValue) {MaxSizeOfLongText=NewValue }

//Проверка на то, что текст вообще введен:

this.NotTheEmptyText=function(Field) {

return (Field.value!='')

}

}

Обратите внимание на строки, начинающиеся с //, и блоки, начинающиеся с /* и заканчивающиеся */. Это — комментарии, без них разобраться в скрипте будет куда труднее..

Теперь определим объект-обработчик правил, которые пользователь наложил на форму.

Каждое правило будет иметь три свойства:

Конструктор обработчика корректности ввода формы

function FormChecker() {

//Массив правил.

var Rules = new Array();

//определим сообщение об ошибке по умолчанию (скрытое свойство)

var DefaultErrorMessage = "Ошибка!";

//... открытый метод его переопределения

this.SetDefaultErrorMessage=function(NewErrorMessage) {

/*

если NewErrorMessage пуст или не определен,

то сообщение по умолчанию не менять

*/

DefaultErrorMessage = NewErrorMessage || DefaultErrorMessage;

}

//... открытый метод его чтения

this.GetDefaultErrorMessage=function() {

return DefaultErrorMessage;

}

//открытый метод добавления правил

this.AddRule = function (Rule, WorkObject, ErrorMessage) {

Rules[Rules.length] = {

'Rule' :Rule,

'WorkObject' :WorkObject,

//если сообщение не определено, поставим вместо него системное сообщение

'ErrorMessage' :ErrorMessage || DefaultErrorMessage

};

}

//открытый метод проверки выполнения всех условий корректности формы

this.CheckIt = function (CheckFunctionsSET) {

//по умолчанию форма введена корректно

var Flag = true;

//последовательно проверяем все заявленные правила на корректность.

for (var i = 0; i < Rules.length; i++) {

//вызываем заранее определенное правило Rules.Rule для объекта