2015-04-01
627
history.go(N) – можно открыть страницу, адрес которой хранится в списке посещаемых страниц, например так history.go(-1) или history.gо(2).
history.back – использование метода приведет к загрузке предыдущей страницы.
history.forward – обеспечивает переход к следующей странице.
Рассмотрим следующий способ связи элементов друг с другом. Первый документ имеет ссылку на второй, второй – на третий, третий – четвертый, и, наконец, четвертый документ имеет ссылку на первый. В каждом из документов следует предусмотреть возврат к предыдущему документу. Кроме того, имеется пятый (общий) документ, к которому должен быть предусмотрен переход из любого из четырех документов, а возврат из пятого документа должен быть к тому документу, который и вызвал пятый документ.
В первом документе есть следующие две ссылки: на второй документ и на общий. Кроме того, должна быть ссылка на документ для обеспечения связи с документом, вызвавшим данный. HTML-код первого документа хранится и листинге.
Листинг:
<html>
<head>
<title> Первый документ </title>
</head>
<body>
<h3> Первый документ </h3>
<a href=2.htm>ссылка на 2</a><br>
<a href=all.htm>cсылка на общий</а><br>
<a href="javascript:history.go(-l)">возврат к вызвавшему</а><br>
</body>
</html>
До рассмотренного примера всегда указывался конкретный URL-адреc страницы, к которой осуществлялся переход по ссылке. В данном случае переход
<а href="javascript:history.go(-1)">возврат к вызвавшему</а>
будет осуществлен к той странице, которая находится в списке адресов перед текущей, в нашей схеме навигации это страница, вызвавшая данную. HTML-код второй и третьей страницы мы приводить не будем, он мало отличается от первой. В четвертом документе с помощью элементов формы выводятся свойства объекта history, HTML-код документа приведен в листинге.
Листинг (четвертый документ из схемы навигации):
<HTML>
<HEAD>
<TITLE> Свойства объекта window.history </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function winh(obj)
{obj.t0.value= window.history.length
obj.t1.value= window.history.current
obj.t1.value= window.history.next
obj.t3.value= window.history.previous
}
</SCRIPT>
</HEAD>
<BODY>
<h3> Четвертый документ </h3>
<a href=1.htm>ссылка на 1</a><br>
<a href=all.htm>ссылка на общий</а><br>
<a href="javascript:history.go(-1)">возврат к вызвавшему</а><br>
<h4> Свойства объекта window.history </h4>
<form name="form1">
<input type=button value="Oпpeдeлить" onClick="winh(form1)">
<input type=reset value="Очистить">
<input type=text name=t0> length (длина списка адресов)
<input type=text name=t1> current(адрес текущей страницы)
<input type=text name=t2> next(адрес следующей страницы)
<input type=text name=t3> previous(адрес предыдущей страницы)
</form>
</BODY>
</HTML>
Общий документ может использоваться в том случае, когда при выполнении задания требуется перейти к справке, текст справки можно хранить в общем документе. Ознакомившись со справкой, требуется вернуться к рассматриваемому документу. HTML-код общего документа представлен в листинге.
Листинг (Общий документ, к которому обращаются остальные):
<HTML>
<HEAD>
<TITLE> Общий документ </TITLE>
</HEAD>
<BODY>
<h3> Общий документ </h3>
<A HREF="javascript:history.go(-1)">к документу, вызвавшему данный</А>
</BODY>
</HTML>
Объект location
Объект location содержит сведения о документе, открытом в окне.
Свойство href содержит полный URL-адрес загруженной страницы. Загрузить в текущее окно новый документ можно, если изменить свойство window.location.href.
Объект location имеет два метода. Метод location.reload перезагружает текущий документ, его действия аналогичны действиям по кнопке Обновить (Reload). Метод location.replace замещает текущую страницу той, адрес которой указан в качестве параметра. Настоящий метод не изменяет историю браузера.
Объект navigator
Данные об обозревателе можно получить с помощью свойств объекта navigator. Объект navigator не принадлежит иерархической структуре объектов браузера. Свойства объекта navigator позволяют определить тип браузера, платформу, на которой он работает, используемый язык и другие свойства. Некоторые сведения о браузере можно получить, если воспользоваться сценарием, описанным в листинге.
Листинг: получение сведений о браузере
<HTML>
<HEAD>
<TITLE> Получение сведений о браузере </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function propnav(obj)
{obj.t0.value=navigator.appCodeName
obj.tl.value=navigator.appName
obj.t2.value=navigator.appVersion
obj.t3.value= navigator.userAgent
obj.t4.value= navigator.language
obj.t5.value= navigator.platform
}
</SCRIPT>
</HEAD>
<BODY>
<h4> Вывод на экран сведений о браузере </h4>
<form name="form2">
<input type=button value="Посмотреть" onClick="propnav(form2)"><br>
<input type=text name=t0 size=45> Кодовое название<br>
<input type=text name=t1 size=45> Имя программы<br>
<input type=text name=t2 size=45> Версия программы<br>
<input type=text name=t3 size=45> Агент пользователя<br>
<input type=text name=t4 size=45> Язык<br>
<input type=text name=t5 size=45> Платформа<br>
</form>
</BODY>
</HTML>
Вопросы для повторения
- Чем отличаются методы alert, confirm и prompt объекта window?
- Какие параметры существуют у метода open объекта window?
- Какие методы и свойства объекта document вы знаете?
- Перечислите методы и свойства объекта history?
