Непрофессиональное введение в Javascript
Создание окон
Создание окон
Открытие новых окон броузера - великолепное свойство JavaScript. Вы можете или загрузить новый документ (например HTML-документ) в новое окно, или Вы можете создавать новые (оперативные) документы. Мы сначала рассмотрим то, как мы можем открыть новое окно, загрузить HTML-страницу в это окно и затем снова закрыть его.
Следующий сценарий открывает новое окно броузера и загружает бессмысленную страницу:
Страница bla.htm загружается в новое окно, посредством метода open().
Вы можете управлять появлением нового окна. Например Вы можете решать, должно ли окно иметь строку статуса, инструментальную панель или меню. Помимо этого Вы можете определять размер окна. Следующий сценарий открывает новое окно, которое имеет размер 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="Open new window" onClick="openWin2()"> </form> </body> </html>
Вы можете видеть, что свойства в строке "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 | число пикселей |
Некоторые свойства были добавлены с JavaScript 1.2 (т.е. Netscape Navigator 4.0). Вы не можете использовать эти свойства в Netscape 2.x или 3.x или в Microsoft Internet Explorer 3.x, поскольку эти броузеры не понимают JavaScript 1.2. Вот эти новые свойства:
| 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.
