102. Для яких цілей використається речення for ... In і речення with?

Предложение for...in позволяет организовать цикл по значениям массива или свойствам объекта JavaScript. Синтаксис его следующий:

for (переменная-цикла in объект)

{

[предложения]

}

Этот цикл производит перебор значений элементов массива или свойств и методов объекта. В переменной цикла на каждой итерации сохраняется значение текущего элемента массива или свойства объекта. Количество итераций равно элементов массива или количеству свойств, существующих у заданного в заголовке цикла объекта. Для свойств выводятся их текущие значения, а для методов – тексты определений соответствующих им функций.

При выполнении предложения for...in выводятся только перечислимые свойства, т.е. свойства для которых вызов функции propertyIsEnumerable() возвращает значение true

Предложение with

Предложение with задает объект по умолчанию для блока операторов, определенных в его теле. Это означает, что все встречаемые в операторах этого блока свойства и методы, являются свойствами и методами указанного объ­екта. Применение данного оператора избавляет от необходимости указывать иерархию принадлежности объекта и сокращает исходный текст программы.

Пример 4.4.67. Использование предложения with:

// Объявление строковых объектов string1 и string2

var string1=new String("строка 1");

var string2=new String("строка 2");

// Вывод длины string1

alert("Длина строки = " + string1.length);

// Вывод результата конкатенации string1 и string2

alert("Конкатенация string1 и string2 = " +

string1.concat(" ", string2));

В этом фрагменте сценария объявлены две строки string1 и string2, а затем длина string1 и конкатенация строк string1 и string2 выводится на экран.

Используя предложение with фрагмент вывода длины строки и конкатенации строк можно записать по-другому:

// Задание объекта string1 как объекта по умолчанию

with (string1)

{

// Вывод длины string1

alert("Длина строки = " + length);

alert("Конкатенация string1 и string2 = " +

concat(" ", string2));

}

Как видно из приведенного фрагмента, имя объекта string1 для свойства length и метода concat() в теле предложения with не указывается.

Вывод этого фрагмента сценария имеет следующий вид:

103.Як можна визначити об'єктний тип якого-небудь об'єкта або вираження?

Оператор

typeof выражение

возвращает строку, значением которой является тип объекта для выражения. Оператор может вернуть одно из следующих значений: number – для числа, string – для строки, boolean – для булевского значения, object – для объектного типа Object, function – для функции и undefined – в остальных случаях.

Использование оператора typeof:

d = 5; // Объявление числовой переменной d

str1 = "Строка 1"; // Объявление строковой переменной str1

// Вывод типа переменных d и str1

alert("Тип d: " + (typeof d) +

" Тип str1: " + (typeof str1));

104. Як у формі задається програма, що обробляє форму, і параметри цієї програми? Элемент form

В документе HTML для задания формы используется контейнер <form>...</form>. Документ может со­держать несколько форм, но они не могут быть вложены одна в другую.

Помимо общих атрибутов class, dir, id, lang, style и title, для элемента form можно задавать следующие атрибуты:

• accept – список разделённых запятыми типов содержимого, которые сервер-обработчик формы будет обрабатывать корректно;

• accept-charset – список кодировок для вводимых данных, принимаемых сервером, обрабатывающим данную форму;

• action – адрес ресурса, содержащего обработчик формы;

• enctype – метод кодирования данных, отправляемых формой, в виде MIME-типа (по умолчанию для кодирования данных предполагается метод MIME-типа application/x-www-form-urlencoded);

• method – метод HTTP, используемый для отправки данных формы (по умолчанию предполагается метод get);

• name – имя формы;

• target – имя фрейма, в который будут выводиться результаты обработки формы.

Значением атрибута action является URL-адрес программы, которая будет обрабатывать инфор­мацию, извлеченную из данной формы. В значении атрибута могут быть также заданы параметры вызова программы, например:

action="http://localhost/hello.asp?login=ivanov&pass=stud1"

Атрибут method определяет метод пересылки данных, содержащихся в форме, от Web-браузера к Web-серверу. Он может принимать два значения: get (по умолчанию) и post.

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

Для пересылки форм используются два метода кодирования информации, содержащейся в форме:

• стандартный метод application/x-www-form-urlencoded, используемый по умолчанию;

• дополнительный multipart/form-data.

Второй метод нужен только в том случае, если к содержимому формы присоединяется локальный файл, выбранный при помощи элемента формы <input type="file">. В остальных случаях следует использовать метод коди­рования по умолчанию.

Атрибуты accept и accept-charset задают списки соответственно MIME-типов и кодировок данных, которые должен воспринимать Web-сервер, чтобы обработать данные формы.

Если обработка данных формы производится в Web-браузере (с помощью сценария), параметры action, method, enctype, accept и accept-charset задавать не надо (использование этих параметров будет рассмотрено при изучении средств обработки данных на Web-сервере).

Атрибут name обычно используется в Web-страницах для доступа к форме и ее элементам.

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

В DOM2 HTML для элемента form определен интерфейс HTMLFormElement со следующими основными свойствами:

• action – значение атрибута action;

• method – значение атрибута method;

• enctype – значение атрибута enctype;

• name – значение атрибута name;

• acceptCharset – значение атрибута accept-charset;

• target – имя фрейма, в который будет выводиться форма;

• length – количество элементов управления в форме;

• elements (только для чтения) – содержит объект HTMLCollection с элементами управления формы.

Кроме того, для элемента определены два метода: reset() и submit(). Первый метод имитирует нажатие кнопки сброса данных (типа reset), второй – нажатие кнопки передачи данных на Web-сервер (типа submit) (см. 4.5.5.3.6).

Пример 4.5.21. Задание элемента form:

1. <form action="NewUser.php">

…

</form>.

Пересылка данных формы на Web-сервер с использованием метода передачи get (по умолчанию) и метода кодирования данных application/x-www-form-urlencoded (по умолчанию). На Web-сервере для обработки данных формы и формирования ответа в виде документа HTML будет запущена программа NewUser.php.

2. <form action="FileUpload.asp" method="post"

enctype="multipart/form-data">

…

</form>.

Пересылка данных формы на Web-сервер с использованием метода передачи post и метода кодирования данных multipart/form-data. На Web-сервере для обработки данных формы и формирования ответа в виде документа HTML будет запущена программа FileUpload.asp.

3. <form id="localForm1">

…

</form>.

Данные в форме будут обрабатываться в Web-браузере с использованием сценариев.

105.Для яких цілей використається дескриптор <label>?