JavaScript для мага

       

Создание окон


Открытие новых окон в браузере - грандиозная возможность языка JavaScript. Вы можете либо загружать в новое окно новые документы (например, те же документы HTML), либо (динамически) создавать новые материалы. Посмотрим сначала, как можно открыть новое окно, потом как загрузить в это окно HTML-страницу и, наконец, как его закрыть. Приводимый далее скрипт открывает новое окно браузера и загружает в него некую web-страничку:

<html>

<head>

<script language="JavaScript">

<!-- hide

function openWin() {

  myWin= open("bla.htm");

}

// -->

</script>

</head>

<body>

<form>

<input type="button" value="Открыть новое окно" onClick="openWin()">

</form>

</body>



</html>

(online-версия руководства позволит Вам проверить этот скрипт немедленно)

В представленном примере в новое окно с помощью метода open() записывается страница bla.htm.

Заметим, что Вы имеете возможность управлять самим процессом создания окна. Например, Вы можете указать, должно ли новое окно иметь строку статуса, панель инструментов или меню. Кроме того Вы можете задать размер окна. Например, в следующем скрипте открывается новое окно размером 400x300 пикселов. Оно не имеет ни строки статуса, ни панели инструментов, ни меню.

<html>

<head>

<script language="JavaScript">

<!-- hide

function openWin2() {

  myWin= open("bla.htm", "displayWindow",

    "width=400,height=300,status=no,toolbar=no,menubar=no");

}

// -->

</script>

</head>

<body>

<form>

<input type="button" value=" Открыть новое окно" onClick="openWin2()">

</form>

</body>

</html>

(online-версия руководства позволит Вам проверить этот скрипт немедленно)


Как видите, свойства окна мы формулируем в строке "width=400,height=300,status=no,toolbar=no,menubar=no". Обратите внимание также и на то, что Вам не следует помещать в этой строке символы пробела!

Список свойств окна, которыми Вы можете управлять:

directories

yes|no

height

количество пикселов

location

yes|no

menubar

yes|no

resizable

yes|no

scrollbars

yes|no

status

yes|no

toolbar

yes|no

width

количество пикселов

В версии 1.2 языка JavaScript были добавлены некоторые новые свойства (то есть в Netscape Navigator 4.0). Вам не следует пользоваться этими свойствами, готовя материалы для Netscape 2.x, 3.x или Microsoft Internet Explorer 3.x, поскольку эти браузеры не понимают языка 1.2 JavaScript. Новые свойства окон:

alwaysLowered

yes|no

alwaysRaised

yes|no

dependent

yes|no

hotkeys

yes|no

innerWidth

количество пикселов (заменяет width)

innerHeight

количество пикселов (заменяет height)

outerWidth

количество пикселов

outerHeight

количество пикселов

screenX

количество пикселов

screenY

количество пикселов

titlebar

yes|no

z-lock

yes|no

Вы можете найти толкование этих свойств в описании языка JavaScript 1.2. В дальнейшем я для некоторых из них дам разъяснение и примеры использования.

Например, теперь с помощью этих свойств Вы можете определить, в каком месте экрана  должно находиться вновь открываемое окно. Работая со старой версией языка JavaScript, Вы не смогли бы этого сделать.


Содержание раздела