Обектът window и неговите методи

Често използван обект в JavaScript е обектът window. Той управлява прозорците в браузъра. Ако искаме да се отвори прозорец например, то може да се използва метода window.open(име_на_прозореца).

Пример:
<HTML>
<HEAD>
<TITLE>
Отвори прозорец
</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function openWin() {
window.open(‘a11example3.html’, "newWindow", "width=’400’,
heigh=’300’, status=’no’, toolbar=’no’, menubar=’no’");
}
</script>
</HEAD>
<BODY>
<FORM>
<input type="button" value="Отвори нов прозорец" onClick="openWin()">
</FORM>
</BODY>
</HTML>

В този пример се отваря нов, празен прозорец като се посочват и редица параметри, касаещи изгледа му. Използвайки "newWindow" на новия прозорец се дава име, което после би могло да се използва вътре в HTML документа.

Съответно на window.open() съществува и метод за затваряне на прозорец - window.close().

В следващия пример, с отварянето на нов прозорец се създава и нов HTML документ:
<html>
<head>
<title>
с отварянето на нов прозорец се създава и нов HTML документ
</title>
<script language="JavaScript">
<!-- hide
function openWin() {
myWin= open("","newWindow","width=500,height=400,status=yes,toolbar=yes,menubar=yes");
myWin.document.open();
myWin.document.write("<html><head><title>On-the-fly");
myWin.document.write("</title></head><body>");
myWin.document.write("<center><font size=+3>");
myWin.document.write("Този html документ е написан");
myWin.document.write("с помоща на JavaScript!");
myWin.document.write("</font></center>");
myWin.document.write("</body></html>");
myWin.document.close();
}
// -->
</script>
</head>
<body>
<form>
<input type=button value="On-the-fly" onClick="openWin()">
</form>
</body>
</html>

Вижда се, че във функцията openWin се отваря нов прозорец, но първият аргумент е празен низ. Това е така понеже няма готов HTML документ и естествено няма и URL адрес. Променливата myWin осигурява достъп до новия прозорец.

назаднапред