.
function Hello()
{
window.alert("Welcome to my home page!")
}
function Bye()
{
window.alert("Bye! Come back again!")
}
. . .
. . .
Здесь в операторе мы определили обработчики событий onLoad и onUnload.
При возникновении первого события будет вызываться функция Hello, а при
возникновении второго события - функция Bye. Заметим, что так как документ HTML
интерпретируется в направлении сверху вниз, функции Hello и Bye необходимо
определить до появления оператора . Лучшее место для определения этих
функций - заголовок документа HTML.
Если вам нужно проследить загрузку всех фреймов, вы можете указать
обработчик события onLoad в операторе .
Сценарии, работающие с объектами window
Изучение свойств и методов объектов JavaScript лучше всего проводить на
конкретных примерах сценариев. В этом разделе вы найдете ряд готовых сценариев,
причем некоторые из них после небольшого изменения или даже в первоначальном
виде можно использовать на практике при оформлении страниц вашего сервера Web.
Как закрыть окно браузера
Попробуем решить задачу, невозможную без применения файла сценария, -
закрыть главное окно браузера при помощи кнопки, расположенной в документе HTML
(рис. 2.4).
Рис. 2.4. Документ HTML, способный закрыть главное окно браузера
Если нажать на кнопку с названием “Close Navigator Window”, сценарий
отобразит на экране диалоговую панель, показанную на рис. 2.5.
Рис. 2.5. Диалоговая панель с вопросом о закрытии главного окна браузера
Данная диалоговая панель отображается с помощью метода confirm. Если вы
нажмете на кнопку OK, сценарий попытается закрыть окно браузера при помощи
метода close.
Заметим, что браузер Microsoft Internet Explorer версии 4.0 запрашивает
разрешение на закрытие окна еще раз (рис. 2.6).
Рис. 2.6. Второй вопрос о закрытии главного окна браузера
Исходный текст документа HTML, закрывающего главное окно браузера,
представлен в листинге 2.3.
Листинг 2.3. Файл chapter2/CloseAll/CloseAll.html
Закрываем окно браузера
Закрываем окно браузера
Для того чтобы закрыть окно браузера,
нажмите кнопку "Close Navigator Window",
расположенную ниже:
В области заголовка документа определена функция CloseNavWnd:
function CloseNavWnd()
{
if(confirm("Вы действительно желаете закрыть окно браузера?"))
window.close();
}
Эта функция обращается к методу confirm, который выводит на экран диалоговую
панель с запросом на закрытие окна. Если пользователь нажмет кнопку OK, метод
возвратит значение true, а если на кнопку Cancel - значение false.
В случае положительного ответа функция CloseNavWnd вызывает метод close для
текущего объекта window. В данном случае таким объектом является окно браузера.
Заметим, что вместо объекта window можно указывать объект self, так как это
синоним текущего окна:
self.close();
Для того чтобы функция CloseNavWnd вызывалась после того как пользователь
нажимает кнопку, в строке определения этой кнопки мы указали обработчик события
onClick:
Таким образом, сценарии JavaScript делают формы полезными даже в тех случаях,
когда вы не применяете программы CGI или расширения ISAPI.
Открываем новое окно
При открытии нашего следующего документа HTML на экране появляется
диалоговая панель с сообщением, показанная на рис. 2.7.
Рис. 2.7. Сообщение об открытии документа HTML
Если нажать на кнопку OK в этой диалоговой панели, то в окне браузера
появится содержимое документа (рис. 2.8).
Рис. 2.8. Содержимое документа N