Метод
open(адрес, имя-окна, список-свойств)
открывает в Web-браузере новое окно, загружает в него документ, адрес которого задан в первом параметре, и присваивает окну имя, заданное во втором параметре. В третьем, необязательном параметре может быть передан список свойств окна. В списке могут быть заданы следующие элементы – свойства окна (общие для всех Web-браузеров):
· width= ширина – задает ширину создаваемого окна (в пикселях);
· height= высота – задает высоту создаваемого окна (в пикселях);
· left= расстояние – задает расстояние от левого края экрана до левого края создаваемого окна (в пикселях);
· top= расстояние – задает расстояние от верхнего края экрана до верхнего края создаваемого окна (в пикселях);
· menubar=yes или menubar=no – включает или отключает отображение строки меню у создаваемого окна;
· location=yes или location=no – включает или отключает отображение панели адреса, включающего строку ввода адреса, у создаваемого окна;
· toolbar=yes или toolbar=no – включает или отключает отображение панели инструментов у создаваемого окна;
· scrollbars=yes или scrollbars=no – включает или отключает отображение полос прокрутки у создаваемого окна;
· status=yes или status=no – включает или отключает отображение строки состояния у создаваемого окна;
· resizable=yes или resizable=no – включает или отключает возможность изменения размера создаваемого окна.
Пример 4.5.53. Открытие нового окна:
В теле документа HTML задана кнопка:
<button onclick="newWindowOpen()">Новое окно</button>
Функция newWindowOpen() имеет следующий вид:
function newWindowOpen()
{
var newWindow = open("newWindow.html",
"newWin", "height=200, width=300, top=100, left=100," +
"resizable=no, menubar=yes, toolbar=no, location=no");
}
В новом окне высотой 100 и шириной 300 пикселей будет открыта Web-страница newWindow.html. Смещение левого верхнего угла нового окна относительно левого верхнего угла экрана дисплея 200 пикселей по вертикали и 100 пикселей по горизонтали. У окна будет выведена только строка меню. Размеры окна нельзя менять. Имя нового окна (значение свойства name) будет "newWin":
Если значение первого параметра функции open() равно пустой строке, создается новое окно с пустым содержимым. Для того, чтобы задать содержимое нового окна, используются методы open(), write(), writeln() и close() объекта document.
Пример 4.5.54. Создание нового окна:
В теле документа HTML задана кнопка:
<button onclick="createWindow">Создать окно</button>
Функция createWindow() имеет следующий вид:
function createWindow()
{
var win = window.open("", "win",
"width=300,height=200");
win.document.open("text/html", "replace");
win.document.write("<html><head><title>Новый " +
"документ</title></head>" +
"<body><h1>Здравствуйте!</h1></body></html>");
win.document.close();
}
В новом окне высотой 100 и шириной 300 пикселей будет открыто новое пустое окно. После открытия документа с помощью метода задается содержимое открытого окна. Вывод нового окна будет иметь следующий вид: