Загрузка документа HTML в окно браузера
В разделе этой главы с названием “Открываем новое окно” мы рассказали вам о том, как сценарий JavaScript может открыть новое окно, загрузив в него документ HTML. Однако часто возникает и другая задача - отобразить новый документ HTML в текущем окне браузера, не создавая новое окно.
Наш следующий сценарий (листинг 2.7) решает как раз эту задачу.
Листинг 2.7. Файл chapter2/JumpTo/JumpTo.html
<HTML>
<HEAD>
<TITLE>Jump to other Web page</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function urlJump()
{
var szNewURL="";
szNewURL=prompt("Enter new URL address:", "http://");
window.location.href=szNewURL;
}
// -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=white>
<H1>Jump to other Web page</H1>
<FORM NAME="selectForm">
<P><INPUT TYPE="button" VALUE="Jump"
onClick="urlJump();">
</FORM>
</BODY>
</HTML>
Когда в пользователь нажимает кнопку Jump в форме selectForm (показанной на рис. 2.15), запускается функция urlJump.
Рис. 2.15. Кнопка Jump, предназначенная для перехода к просмотру другой страницы Web
Эта функция вызывает метод prompt, определенный в классе window:
var szNewURL="";
szNewURL=prompt("Enter new URL address:", "http://");
Метод prompt отображает на окне монитора диалоговую панель, предназначенную для ввода текстовой строки. В нашем случае это должна быть строка адреса URL документа HTML, который будет загружен в окно браузера (рис. 2.16).
Рис. 2.16. Диалоговая панель для ввода нового адреса URL
Введенный адрес (на рис. 2.16 мы ввели адрес главной страницы нашего сервера Web) записывается в переменную szNewURL.
Теперь можно переходить к загрузке нового документа в окно браузера.
Когда мы рассказывали об объектах класса window, то говорили, что такие объекты содержат в себе другие объекты. В частности, объект window содержит в себе объект location, описывающий расположение документа HTML, загруженного в окно браузера.
Для того чтобы загрузить в окно новый документ, достаточно изменить содержимое свойства объекта location с именем href:
window.location.href=szNewURL;
Это свойство хранит адрес URL документа. Изменение содержимого свойства href объекта location главного окна браузера приводит к загрузке в это окно нового документа (рис. 2.17).
Рис. 2.17. В главное окно браузера загружен новый документ HTML
