Window.open(“url_адрес”, “название_окна”, “параметры_окна”)

· url_адрес – адрес документа, загружаемого в создаваемое окно, если адрес не указан, создаваемое окно будет пустым;

· название_окна – это значение соответствует свойству name нового объекта window;

· параметры_окна можно не указывать, тогда будут использоваться значения по умолчанию. При задании этого параметра опции, соответствующие свойствам окна могут принимать одно из двух значений yes (1) или no (0). В качестве параметров можно указывать следующие свойства:

­ location содержит текущий URL-адрес страницы, загруженной в окно.

­ status отражает строку состояния в нижней части окна.

­ menubar соответствует меню браузера.

­ toolbar - панели инструментов.

­ directories определяет, отображается ли набор кнопок для статистических ссылок.

­ scrollbar -требуются ли полосы прокрутки, если документ не помещается на экран.

Пример создания нового окна:

<SCRIPT>

function opnewWin(s)

{wint = window.open('anketa.htm','MyWin',"toolbar=no");

winank=window.open(‘anketa2.htm’, s, "scrollbars=no, resize=yes, toolbar=no, status=no,
menubar=no, location=no, directories=yes")

}

</SCRIPT>

Пример: при щелчке на кнопке Открыть_анкету создается новое окно, в которое помещается документ с именем anketa.htm, опции окна задаются по умолчанию.

Листинг:

<HTML>

<HEAD>

<SCRIPT>

function opnewWin()

{ wint = window.open('anketa.htm','MyWin',"") }

//определение свойств созданного окна

function promwin(obj)

{ obj.t0.value=wint.name

obj.t1.value=wint.location.href

}

</SCRIPT>

</HEAD>

<BODY>

<h4>вывод диалоговых окон</h4>

<FORM name='form1'>

<input type=button value=Открыть_анкету onClick=opnewWin()>

<input type=button value=Закрыть_анкету onClick=wint.close()>

</FORM>

<h5 align=center>Свойства заданного окна</h5>

<FORM name='form2'>

<input type=button value=Посмотреть onClick=promwin(form2)> <br>

<input type=text name=t0> name

<input type=text name=t1 size=40>location.href

</FORM>

</BODY>

</HTML>

Объект document

Свойстваобъекта document определяются содержимым самого документа: шрифт, цвет фона, формы, изображения и т. д. Объект document, в зависимости от своего содержимого, может иметь объекты, являющиеся для него подчиненными или дочерними. В частности, подчиненными для объекта document являются объекты form, image, link, area и т.д. Для каждой страницы создается один объект document, некоторые его свойства соответствуют параметрам тега <BODY>: bgColor, fgColor, linkColor, alinkColor. vlinkcoior. Методы write и writeln записывают в документ текст, задаваемый параметром. HTML-код документа хранится в листинге.

Листинг: Некоторые свойства документа

<HTML>

<head>

<title> Информация о загруженном документе </title>

</head>

<body>

<h4> Последнее обновление страницы, URL-адрес, название документа</h4>

<script>

document.writeln ("<В>Последнее обновление страницы:

</В>"+ document.lastModified+"<br>")

document.writeln ("<В>URL-адрес: </B>"+document.URL+"<br>")

document.writeln ("<В>Название документа:

</B>"+document.title+"<br>")

document.writeln ("<В>Цвет фона документа:

</B>"+document.bgColor+"<br>")

document.writeln ("<В>Цвет текста документа:

</B>"+document.fgColor+"<br>")

document.writeln ("<В>Цвет гиперссыпки после нажатия кнопки мыши:

</B>"+document.alinkColor+"<br>")

document.writeln ("<В>Цвет гиперссылки:

</B>"+document.linkColor+"<br>")

document.writeln(“<B>Цвет просмотренной гиперссылки:

</B>"+document.vlinkColor+"<br>")

</script>

</body>

</HTML>

Если на странице расположена форма, все ее элементы являются подчиненными объектами этой формы. Тегу <form> соответствует объект form, являющийсяподчиненным объекту document. Доступ к форме можно осуществить с помощью значения, заданного в параметре name тега <form>. Объектform имеет свойство forms, в котором содержатся ссылки на все формы документа. Ссылки пронумерованы, начиная с нуля. Доступ к первой форме документа можно получить следующим способом: document.forms[0], ко второй — document.forms[1] и т.д. Вместо индекса в свойстве-массиве forms можно указывать строку, значение которой — имя переменной для формы. Все элементы формы порождают соответствующие объекты,подчиненные объекту родительской формы. Свойство elements формы хранит информацию обо всех элементах формы в том порядке, в каком они встречаются в HTML-документе. Получить доступ к полям формы, воспользовавшись свойствами, можно следующим образом:

document.forms[0].elements[0]

document.forms[0].elements[1]

document.forms[0].elements[2]

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

Объект history

Объект history содержит сведения о страницах, которые отображались или отображаются в браузере.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: