Поделиться
143. Практическая работа №3. Объекты клиентских приложений..doc
Практическая работа №3. Объекты клиентских приложений.
Обработка событий.
Задание 9.
1. Рассмотрите скрипт:
<html>
<head>
<title>document</title>
</head>
<body>
<script language="JavaScript" type="text/JavaScript">
document.write("Спасибо, что пришли к нам на курсы!");
</script>
</body>
</html>
2. Допишите скрипт так, чтобы
• цвет фона документа был #E7E6D8,
• цвет шрифта – красный,
внизу выводилась дата последней модификации документа,
используйте для этого слияние методов wtite(…) и
lastModified(…) объекта document.
3. Сохраните документ с именем Ex9.html в рабочей папке.
Задание 10.
1. Рассмотрите пример скрипта открытия нового окна на странице:
<html>
<head>
<title>window</title>
</head>
<body>
<h1>Создание нового окна</h1>
<hr>
<script language="JavaScript" type="text/JavaScript">
window.open("http://www.google.com","","toolbar=no,scrollbars=yes,widt
h=250, height=250, resizable=yes, top=100, left=500")
</script>
</body>
</html>
2. Измените скрипт так, чтобы выполнялись следующие условия:
• открытие нового окна происходило при нажатии на ссылку с текстом: «Щелкните на ссылке для получения справочной информации»,
• размеры окна - 500х500,
• есть возможность изменения размеров окна.
Для выполнения задания используйте написание функции.
3. Сохраните документ с именем Ex10.html в рабочей папке.
Задание 11.
1. Создайте страницу с переадресацией на другой адрес (redirect).
2. Изменитескрипт так, чтобы переадресация на другой адрес была с задержкой 5 секунд.
3. Сохраните документ с именем Ex11.html в рабочей папке.
Задание 12.
1. Создайте HTML-документ, в котором будет 2 ссылки:
• первая ссылка должна ссылаться на PDF файл; при нажатии на нее выпадает сообщение с предупреждением о том, что для загрузки документа требуется программа Acrobat, и продолжить загрузку или нет; используйте для написания метод confirm(…) для подтверждения загрузки;
• вторая ссылка должна содержать такой код, чтобы при наведении на нее мыши менялся цвет фона документа на красный.
2. Сохраните документ с именем Ex12.html с рабой папке.
Задание 13.
1. Создайте HTML-документ, содержащий любую картинку.
2. Добавьте скрипт с условиями:
• при наведении курсора мыши на картинку она увеличивается,
• при отведении курсора мыши – уменьшается до исходного размера.
Постройте скрипт через использование функций и событий MouseOver и MouseOut.
3. Сохраните документ с именем Ex13.html в рабочей папке.
Задание 14.
1. Создайте HTML-страницу содержащую следующую форму заполнения данных:
2. Добавьте скрипт, проверяющий следующие данные:
• заполнено ли поле имени,
• введен ли пароль и содержит ли он больше 4-х символов.
Используйте для этого свойство length данного поля,
• совпадают ли значения, введенные в оба поля для паролей,
• заполнено ли поле электронного адреса и содержит ли оно символ @,
• заполнено ли поле сообщения и содержит ли оно больше 10 символов,
3. При несоблюдении условий, курсор должен установиться в то поле, где пользователем введено неверное значение.
4. Сохраните документ с именем Ex15.html в рабочей папке.
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
