Закрытие окна

Следующий оператор закрывает текущее окно:

window.close()

Пример:

Начало формы

Конец формы

Проверка правильности заполнения форм с помощью JavaScript.

С помощью JavaScript можно контролировать правильность заполнения форм.

Попробуйте нажать на "Отправить" в форме расположенной ниже, не заполняя ее.

Начало формы

Имя
E-mail
Коментарий

Конец формы

Функции для этого примера:

<script language="JavaScript">
<!--

function CheckForm(UserForm)
{
var is_ok = true;

if (UserForm.name.value == '')
{
is_ok = false;
alert("Введите ваше имя!!");
UserForm.name.focus();
}
if (UserForm.Comment.value == '')
{
is_ok = false;
alert("Введите ваши коммениарии!");
UserForm.Comment.focus();
}
if (UserForm.email.value == '')
{
is_ok = false;
alert("Введите ваш e-mail!");
UserForm.email.focus();
}

return is_ok;
}
// -->
</script>

Вызов функции в теге <FORM> при нажатии на кнопку "Отправить"

<form onSubmit = "return CheckForm(this)">

Имена полей

<input type="text" name="name" size="20">
<input type="text" name="email" size="20">
<textarea rows="3" name="Comment" cols="20">

Практические задания

Задание 1

1. Сделайте, чтобы формы предыдущей лабораторной работы открывались в новом диалоговом окне. Нужно обязательно задать:
- отступ слева
- отступ с верху
- ширину
- высоту
- не отображение панели инструментов
- не отображение панели меню
- отображение строки состояния
- не отображение адресной строки
- не отображение кнопок браузера
- отображение полос прокрутки

2. Проверьте работоспособность на сервере.

Задание 2

1. Сделайте проверку заполнения для каждой из этих форм.

2. Проверьте работоспособность на сервере.

Лабораторная работа 13

Управление сценариями просмотра Web-страниц с помощью JavaScript.

Цель работы: формирование умений использования JavaScript для управления сценариями просмотра Web-страниц

Поясняющая информация

Информация о дате последнего изменения документа.

Для этого в HTML-теге <A> используется свойство lastModified объекта Document. Информацию можно выводить в диалоговое окно. Для этого используется метод alert() объекта Window и обработчик событий onMouseOver, включенные в HTML-тег <A>. В окне есть кнопка "OK", которая закрывает диалоговое окно.

<A href="http://www.kstu.ru" onmouseover="alert('Дата последней модификации этого документа - ' + document.lastModified)">Наведите мышку на ссылку</A>

Наведите мышку на ссылку