HTML, XHTML и CSS на 100%, Квинт Игорь

HTML, XHTML и CSS на 100%

на обложку

Квинт Игорь

Шрифт:

Рис. 10.4. Окно с сообщением

Внимание!

При вызове метода alert не нужно указывать объект, для которого вызывается метод, – объект Window. Если при вызове метода объект не указан, интерпретатор сценария, встроенный в браузер, предполагает, что метод относится к объекту Window.

Тем не менее вы можете явно указывать объект window: window. alert. Результат будет тем же самым.

С помощью метода confi rm также можно отобразить на экране диалоговую панель с вашим сообщением, однако эта панель содержит две кнопки – OK и Отмена. В зависимости от того, какая кнопка будет нажата, метод возвратит значение true или false. Поэтому данный метод часто применяется в сценариях с условиями if…else.

Рассмотрим использование метода confirm на примере сценария из листинга 10.5.

Листинг 10.5. Использование метода confirm

<html>

<head>

<title>Метод confirm</title>

<!– Маскировка сценария

function okno //функция

{

if (confirm("Вы действительно желаете закрыть окно браузера?") )

{

alert("До свидания!");

window.close;

}

else

{

alert("Tогда оставайтесь");

}

// Конец маскировки сценария –>

</script>

</head>

</body>

</html>

Помимо метода confirm, в сценарии использованы методы alert и close. В области заголовка документа определена функция okno. Она содержит условие и обращается к методу confirm, который выводит на экран диалоговую панель с запросом на закрытие окна (рис. 10.5).

Рис. 10.5. Окно с запросом, выводимое методом confirm

Если пользователь нажмет кнопку OK, метод возвратит значение true, а если кнопку Отмена – значение false.

В случае положительного ответа функция okno вызывает методы alert и close для текущего объекта Window. В данном случае таким объектом является окно браузера. Метод close позволяет закрыть текущее окно браузера, а метод alert выдаст пользователю сообщение До свидания!. Если же пользователь нажмет кнопку Отмена, то получит окно с сообщением Тогда оставайтесь.

Примечание

Вместо объекта Window в сценарии можно указывать объект Self, так как это синоним текущего окна. Например, self.close.

Если вам необходимо получить от пользователя одну текстовую строку, то можете применить другой метод объекта Window – метод prompt. Он отображает

на экране диалоговую панель, в которой есть одно текстовое поле ввода и кнопка OK. Когда пользователь нажимает эту кнопку, метод prompt возвращает введенную строку.

Рассмотрим пример сценария, вызывающего метод prompt (листинг 10.6).

Листинг 10.6. Использование метода prompt

<html>

<head>

<title>Метод prompt</title>

</head>

<body>

<!– Маскировка сценария

var name = prompt("Напишите свое имя, пожалуйста","Введите имя")

document.write("Привет, "+name+ ". Спасибо, что зашли.")

// Конец маскировки сценария –>

</script>

</body>

</html>

Сценарий выдает пользователю запрос на ввод его имени (рис. 10.6).

Рис. 10.6. Окно запроса

Имя, которое ввел пользователь в окне запроса, отображается на веб-странице благодаря команде document.write.

Совет

Метод prompt позволяет сценарию получить от пользователя только одну текстовую строку. Когда необходимо ввести сразу несколько строк, используйте форму, имеющую произвольное количество полей и кнопку завершения ввода с обработкой события onClick. Когда пользователь нажмет эту кнопку, обработчик события сможет извлечь из полей формы введенные данные.

Ранее мы рассматривали пример закрытия окна браузера с использованием метода close. С помощью метода open в сценарии JavaScript можно открыть новое окно браузера и загрузить в него HTML-документ или изображение для просмотра.

Синтаксис команды с использованием метода open следующий: ореп('адрес URL', 'имя окна', сопйд='параметр 1, параметр 2, параметр 3…., параметр n').

Первый параметр метода open задает URL-адрес HTML-документа, предназначенный для загрузки в новое окно. Например, data.html. Если загружаемая HTML-страница располагается на другом сервере, то добавьте http:// и полный адрес страницы в Интернете. Например, http://www.mysite.ru/download/javascript.html.

Второй параметр в синтаксисе метода open определяет имя окна для использования в атрибуте target элемента A или FORM. Вы также можете указать его как пустую строку вида "". Если вам нужно, чтобы страница загружалась в маленьком окне, то данный параметр должен иметь значение joe. Необходимо будет указать joe и после атрибута target.

Параметр config показывает, что следующие атрибуты относятся к конфигурации нового окна и определяют его внешний вид.

• width – ширина окна в пикселах.