строками. При работе со строками JavaScript определяет функции toUpperCase (), toLowerCase () и indexOf () для возврата первого случая нахождения подстроки, lastlndexOf () для возврата последнего случая нахождения подстроки, и slice () для возврата подстроки, определяя начальное и конечное положение.

Объект String предлагает также методы, окружающие строку HTML-кодом. Например, функция bold () добавляет элементы <В> перед строкой и </В> после нее. Другими функциями являются anchor () для создания гиперссылки и italics () для создания строки, выделенной курсивом.

Объект Math позволяет выполнять некоторые вычисления. К числу методов этого объекта относятся abs (), sin (), cos (), tan (), random () и round ().

Объект Date представляет дату и время. Для доступа к разным частям времени и даты используются некоторые методы, такие как getYear (), getMonth (), getDay (), getHoursO и getMinutes ().

Давайте рассмотрим некоторые примеры, демонстрирующие варианты использования JavaScript в Web-страницах.

Пра1стическое занятие Использование CustomValidator

Элемент управления проверки, рассмотренный в главе 19, включает проверку на стороне клиента и сервера. С помощью элемента управления CustomValidator можно определить специальный метод JavaScript для проверки данных, вводимых пользователем.

1. Откройте ранее созданный Web-сайт EventRegistrationWeb.

2. Добавьте новую Web-страницу по имени ValidationDemo. aspx.

3. Добавьте элементы управления TextBox, Button и CustomValidator. Для элемента управления CustomValidator присвойте свойству ControlToValidate значение TextBoxl.

4. Для элемента управления CustomValidator присвойте событие ServerValidate методу OnServerOddNumber и реализуйте метод на языке С#:

protected void OnServerOddNumber(object source, ServerValidateEventArgs args) {

if (int.Parse(args.Value) % 2 != 0) {

args.IsValid = true;

else {

args.IsValid = false;

5. Добавьте JavaScript-метод oddNumberValidation () для выполнения той же проверки, которая делалась на предыдущем этапе, но на этот раз при помощи языка JavaScript:

< script language= ]avascript type= text/javascript >

function oddNumberValidation(source, arguments)

if (arguments.Value % 2 != 0) {

arguments.IsValid = true;

Создание объектов

1. Откройте ранее созданный Web-сайт EventRegistrationWeb.

2. Добавьте новую Web-страницу под именем ObjectDemo. aspx.

3. Из категории HTML панели инструментов добавьте элемент Div и Input (Button) на страницу. Элемент Div по умолчанию должен иметь идентификатор divl.

4. Добавьте следующий блок сценария в исходный код HTML.

Функция Person (firstName, lastName) ведет себя подобно конструктору, поскольку ключевое слово this используется внутри функции для создания свойств firstName и lastName. Прототип синтаксиса позволяет объявлять версию JavaScript класса. Person .prototype назначает членов класса Person. Конструктор Person .prototype . constructor назначает функцию Person в качестве конструктора; Person. prototype . toString назначает функцию toString в качестве члена. Функция GetPerson () создает новый объект Person посредством вызова конструктора с двумя аргументами и вызывает метод toString. Метод document. getElementByld () находит дескриптор div для записи результатов:

<script type= text/]avascript > function Person(firstName, lastName) {

this.firstName = firstName; this.lastName = lastName;

function toString0 {

return this.firstName + + this.lastName;

Person.prototype.constructor = Person; Person.prototype.toString = toString; function getPersonO {

var p = new Person( Natalie , Portman ); var label = document.getElementByld( divl ); label.innerHTML = p.toString ();

</script>

5. Добавьте свойство onClick в кнопку, чтобы функция getPerson () вызывалась в случае возникновения события click:

<input id= Buttonl type= button value= button onclick= getPerson (); />

6. Теперь вы можете запустить и протестировать Web-страницу.

else {

arguments.IsValid = false;

< /script >

6. Для элемента управления CustomValidator присвойте свойству Client ValidationFunction значение oddNumberValidation. Затем запустите страницу и произведите отладку методов проверки на стороне клиента и на стороне сервера.

Пра-стическое занятие ОткрыТИе ОКНа

Для открытия окна на стороне клиента необходимо использовать код JavaScript; открывать новые окна только на основе базового кода С# не получится.

1. Откройте ранее созданный Web-сайт EventRegistrationWeb.

2. Добавьте новую Web-страницу OpenWindow. aspx. Добавьте кнопку HTML на эту страницу.

3. Добавьте JavaScript-функцию openWindow (), чтобы открыть ранее созданную страницу:

<script type= text/javascript >

function openWindowO

window.open( ObjectDemo.aspx );

</script>

4. Добавьте свойство onClick для кнопки, чтобы вызвать функцию openWindow (): <input id= Buttonl type= button value= button onclick= openWindow(); />

5. Теперь можно протестировать страницу и открыть новое окно непосредственно на стороне клиента.

Настройки, принятые по умолчанию в большинстве Web-браузеров, не разрешают выполнять код сценариев для открытия новых окон без участия со стороны пользователя. (Многие приложения являются надоедливыми, открывая окно за окном после того, как пользователь закрывает какое-нибудь окно.) Как правило, открыть новое окно с помощью кода JavaScript при участии пользователя можно, но при этом все равно существует вероятность того, что такие окна будут блокироваться утилитами, перехватывающими всплывающие окна.

Методу open окна можно передавать ряд параметров, как будет показано в следующем фрагменте кода. Первым параметром является URL-адрес документа, который необходимо открыть. Второй параметр определяет имя окна. Благодаря значению blank будет открыто новое окно, однако можно также указать и существующее целевое окно. Третьим параметром является список характеристик, разделенных запятыми, в котором можно определить размер окна и указать, будут ли видимыми какие-то опции (например, меню, заголовок и строка состояния).

window.open( ObjectDemo.aspx , blank ,

menubar=no, resizable=no, status=no, titlebar=no, width=300, height=300 );

Практическое занятие Итерэция ПО элементэм управления

с помощью объекта window из предыдущего упражнения вы уже использовали объект, который не является частью JavaScript, а относится к DHTML. Благодаря DHTML вы можете иметь доступ ко всем элементам HTML на странице. Давайте на основе примера попытаемся получить информацию об элементах управления HTML на странице.

L Откройте ранее созданный Web-сайт EventRegistrationWeb.

2. Добавьте новую Web-страницу ScriptingDemo. aspx. Добавьте на страницу таблицу с пятью строками и двумя столбцами. В первые четыре строки левого