Главная / Интернет-технологии /
Практикум по программированию на JavaScript / Тест 19
Практикум по программированию на JavaScript - тест 19
Упражнение 1:
Номер 1
Каким должен быть обработчик события кнопки onClick
, чтобы корректно вывести содержимое текстового поля myname
в отдельное окно?
<FORM name="myform">
<INPUT TYPE="text" name="myname">
<INPUT TYPE="button" value="clickMe" onClick="">
</FORM>
Ответ:
 (1)
alert(document.myform.myname);
 
 (2)
alert(myform.myname.value);
 
 (3)
alert(document.myform.myname.value);
 
Номер 2
Каким должен быть обработчик события кнопки onClick
, чтобы корректно вывести длину содержимого текстового поля myname
в отдельное окно?
<FORM name="myform">
<INPUT TYPE="text" name="myname">
<INPUT TYPE="button" value="clickMe" onClick="">
</FORM>
Ответ:
 (1)
alert(document.myform.myname.value.length)
 
 (2)
alert(document.myname.myform.value.length);
 
 (3)
alert(document.myform.myname.length.value);
 
Номер 3
Каким должен быть обработчик события кнопки onClick
, чтобы корректно вывести содержимое текстового поля fname
и длину содержимого текстового поля lname
в отдельное окно?
<FORM name="myform">
<INPUT TYPE="text" name="fname">
<INPUT TYPE="text" name="lname">
<INPUT TYPE="button" value="clickMe" onClick="">
</FORM>
Ответ:
 (1)
alert(document.myform.fname.value.length+' '+ document.myform.lname.value);
 
 (2)
alert(document.myform.fname.value+' '+ document.myform.lname.value.length);
 
 (3)
alert(document.myform.fname.value+' '+ document.myform.lname.length.value);
 
Упражнение 2:
Номер 1
Кому принадлежит свойство value
в обработчике события кнопки onClick
?
<FORM name="myform">
<INPUT TYPE="text" name="myname">
<INPUT TYPE="button" value="clickMe" onClick="alert(document.myform.myname.value);">
</FORM>
Ответ:
 (1)
Объекту формы с именем myform
 
 (2)
Объекту поля формы с именем myname
 
 (3)
Объекту document
 
Номер 2
Что из перечисленного является свойствами объекта поля формы?
Ответ:
 (1)
onSubmit
 
 (2)
length
 
 (3)
value
 
Номер 3
Сколько объектов и сколько свойств использовано в обработчике события кнопки onClick
?
<FORM name="myform">
<INPUT TYPE="text" name="myname">
<INPUT TYPE="button" value="clickMe" onClick="alert(document.myform.myname.value.length);">
</FORM>
Ответ:
 (1)
4 объекта и 1 свойство 
 (2)
2 объекта и 3 свойства 
 (3)
3 объекта и 2 свойства 
 (4)
5 объектов и ни одного свойства 
Упражнение 3:
Номер 1
Какие ошибки допущены в приведённом ниже коде?
<SCRIPT TYPE="text/javascript">
function doit()
{
var greeting="Привет ";
alert(greeting+document.myform.fname.value);
}
</SCRIPT>
<FORM name="myform">
<INPUT TYPE="text" name="myname">
<INPUT TYPE="button" value="clickMe" onClick="doit();">
</FORM>
Ответ:
 (1)
значение поля fname
формы myform
не было передано в функцию явно и не может быть использовано в ней 
 (2)
неправильно объявлена переменная greeting
 
 (3)
форма myform
не содержит поля с именем fname
 
Номер 2
Какие ошибки допущены в приведённом ниже коде? (считать, что документ содержит только одну форму)
<SCRIPT TYPE="text/javascript">
function doit()
{
alert("Длина вашего имени "+document.myform.myname.value.length);
}
</SCRIPT>
<FORM>
<INPUT TYPE="text" name="myname">
<INPUT TYPE="button" value="clickMe" onClick="doit();">
</FORM>
Ответ:
 (1)
неправильно объявлена функция doit
 
 (2)
синтаксическая ошибка в методе alert
 
 (3)
не указано имя формы, следовательно, невозможно обратится к полю myname
по иерархии document.myform.myname
 
Номер 3
Какие ошибки допущены в приведённом ниже коде?
<SCRIPT TYPE="text/javascript">
function doit()
{
alert("Длина вашего имени "+document.myform.myname.value.length);
}
</SCRIPT>
<FORM name="myform">
<INPUT TYPE="text" name="myname">
<INPUT TYPE="button" value="clickMe" onClick="doit();">
</FORM>
Ответ:
 (1)
ошибок нет 
 (2)
неправильно объявлена функция doit
 
 (3)
длина значения поля myname
формы myform
не была передана в функцию явно и не может быть использована в ней 
Упражнение 4:
Номер 1
Определите, что произойдет в результате выполнения приведенного ниже кода?
<script>
function doit()
{
var greeting="Привет, ";
alert(greeting + " " + document.myform.lname.value);
}
</script>
<FORM NAME="myform" action=""> Ваше имя:
<INPUT TYPE="text" NAME="lname"><p>
<INPUT TYPE="button" VALUE="Отправить" onClick="doit()">
</FORM>
Ответ:
 (1)
выводится сообщение "Привет" и имя, введенное пользователем 
 (2)
в текст страницы выводится "Привет" и имя, введенное пользователем 
 (3)
ошибка. Неправильно переданы параметры функции 
Номер 2
Определите, что произойдет в результате выполнения приведенного ниже кода?
<script>
function doit()
{
var greeting="Привет, ";
alert(greeting + " " + document.myform.lname.value);
}
</script>
<FORM NAME="myform" action=""> Ваше имя:
<INPUT TYPE="text" NAME="lname"><p>
<INPUT TYPE="button" VALUE="Отправить" onClick="doit">
</FORM>
Ответ:
 (1)
выводится сообщение "Привет" и имя, введенное пользователем 
 (2)
в текст страницы выводится "Привет" и имя, введенное пользователем 
 (3)
ошибка. Неверный вызов функции 
Номер 3
Определите, что произойдет в результате выполнения приведенного ниже кода?
<script>
function doit()
{
var greeting="Привет, "
alert(greeting + " " + document.myform.lname)
}
</script>
<FORM NAME="myform" action=""> Ваше имя:
<INPUT TYPE="text" NAME="lname"><p>
<INPUT TYPE="button" VALUE="Отправить" onClick="doit()">
</FORM>
Ответ:
 (1)
выводится сообщение "Привет" и имя, введенное пользователем 
 (2)
в текст страницы выводится "Привет" и имя, введенное пользователем 
 (3)
ошибка. Неправильно обработаны данные внутри функции