Объект браузера: Window

Объекты брaузера являются тем интерфейсом, с помощью которого сценарий JavaScript взаимодействует с посетителем и HTML-документом, загруженным в окно брaузера, а также с самим брaузером. Обращаясь к свойствам и методам этих объектов, можно выполнять различные операции над окном брaузера, загруженным в это окно HTML-документом, а также над отдельными объектами, размещенными в HTML-документе.

Практически в любом сценарии JavaScript необходимы такие объекты, как окно - window и документ - document.

Свойства объекта window

name. Имя окна, указанное при его открытии методом open, а также в атрибуте TARGET тега <A> или в атрибуте NAME тега <FORM>.
self, window. Синонимы имени окна. Относятся к текущему окну.
top. Синоним имени окна. Относится к окну верхнего уровня.
parent. Синоним имени окна. Относится к окну, содержащему набор фреймов.
frames. Массив всех фреймов данного окна.
length. Количество фреймов в родительском окне.
status. Текущее сообщение, отображаемое в строке состояния окна брaузера.

Методы объекта window

alert. Отображение диалоговой панели Alert с сообщением и кнопкой OK. Через параметр передается сообщение, отображаемое в диалоговой панели. После вызова этого метода выполнение сценария задерживается до тех пор, пока посетитель не нажмет кнопку OK, расположенную в диалоговой панели.

Пример:

	<html>
	<head>
	<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
	</head>
	<body lang=RU>
		<script language="JavaScript">
		<!--
		alert("Рад видеть Вас на моем сайте! Пошли дальше?");
		//-->
		</script>
	</body>
	</html>

confirm. Отображение диалоговой панели Confirm с кнопками OK и Отмена. В зависимости от того, какая кнопка будет нажата, метод возвращает соответственно значение true или false.

Пример:

	<html>
	<head>
	<meta http-equiv=Content-Type
	content="text/html; charset=windows-1251">
	</head>
	<body lang=RU>
		<script language="JavaScript">
		<!--
		if(confirm("Рад видеть Вас на моем сайте! Пошли
		дальше?"))
		  {document.write("Пошли!");}
		else
		  {document.write("Не хочешь - не надо... ");}
		//-->
		</script>
	</body>
	</html>

prompt. Отображение диалоговой панели Prompt с полем ввода и кнопками OK и Отмена. В зависимости от того, какая кнопка будет нажата, метод возвращает соответственно введенную строку или значение null. Метод имеет два параметра. Первый - сообщение над полем ввода. Второй (необязательный) - начальное значение строки ввода.

Пример:

	<html>
	<head>
	<meta http-equiv=Content-Type
	content="text/html; charset=windows-1251">

	</head>
	<body lang=RU>
		<script language="JavaScript">
		<!--
		var yourName=prompt("Как Вас зовут?", "Маша"))
		if(yourName=="Маша")
		  {document.write("Угадал!");}
		else
		  {document.write("Не угадал. Вас зовут " + yourName);}
		//-->

		</script>
	</body>
	</html>

open. Открытие окна. Метод имеет три параметра. Первый задает URL HTML-документа, предназначенного для загрузки в новое окно. Второй определяет имя окна для использования в атрибуте TARGET тега <A> или в атрибуте NAME тега <FORM>. Третий (необязательный) задает в виде текстовой строки параметры, определяющие внешний вид открываемого окна.

toolbar	Отображение стандартной инструментальной линейки [=yes\|no] \| [=1\|0]
location	Отображение поля ввода адреса документа [=yes\|no] \| [=1\|0]
status	Отображение строки состояния [=yes\|no] \| [=1\|0]
menubar	Отображение линейки меню [=yes\|no] \| [=1\|0]
scrollbars	Отображение полос прокрутки [=yes\|no] \| [=1\|0]
resizable	Изменение размеров нового окна [=yes\|no] \| [=1\|0]
width	Ширина окна в пикселах
height	Высота окна в пикселах
fullscreen	Полноэкранный режим
copyhistory	Сохранение истории загрузки документов в данное окно [=yes\|no] \| [=1\|0]
directories	Наличие в данном окне кнопок групп новостей [=yes\|no] \| [=1\|0]

Пример:

	<html>
	<head>
	<meta
	http-equiv=Content-Type content="text/html; charset=windows-1251">
	</head>
	<body
		lang=RU>
		<script
		language="JavaScript">

		<!--
		var
		newWindow=open("ann.htm","","toolbar=no,menubar=no,width=300,height=200")
		//-->
		</script>
	</body>
	</html>

close. Закрытие созданного или основного окна:
newWindow.close();
Текущее окно брaузера можно закрыть одним из следующих способов:
window.close(); self.close();
setTimeout. Установка таймера. Применяется для ограничения времени ввода пароля, создания бегущих строк и всевозможных анимационных эффектов. Метод имеет два параметра. Первый задает выражение JavaScript, которое запускается по прошествии времени, указанного вторым параметром в миллисекундах. Заданное выражение запускается один раз.

Пример:

	<html>
	<head>
	<meta
	http-equiv=Content-Type content="text/html; charset=windows-1251">
	</head>
	<body lang=RU>
		<H3>Через
		2 секунды Иоганн Себастьян Бах сменит Людвига ван Бетховена.</H3>
		<img id=B_B src="be.gif">
		<script language="JavaScript">

		<!--
		function change()
		{document.getElementById("B_B").src="ba.gif";}
		setTimeout("change()", 2000);
		//-->
		</script>
	</body>
	</html>

clearTimeout. Сброс таймера. Для останова таймера метод setTimeout нужно вызвать с возвратом идентификатора, т.е.
idTimer=setTimeout("change()", 2000);
а затем этот идентификатор передать методу clearTimeout в качестве параметра:
clearTimeout(idTimer);

blur( ). При вызове метода окно теряет фокус.

focus( ). При вызове метода окно получает фокус.

MoveTo(x,y). Перемещает окно в точку с координатами.
MoveBy(x,y). Перемещает окно на x пикселей по горизонтали вправо и на y пикселей вниз.

ResizeTo(x,y). Изменяет размер окна на указанные.
ResizeBy(x,y). Увеличивает или уменьшает размер окна на заданное количество пикселей.

print( ). Печать документа.(не работает в IE 4)

scroll(x,y), ScrollTo(x,y). Прокручивает окно так, что точка с кординатами x,y становится левой верхней точкой окна.
ScrollBy(x,y). Прокручивает окно на x,y пикселей.

stop( ). Прекращает загрузку документа в окно браузера.