Открытие нового окна

Метод

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 пикселей будет открыто новое пустое окно. После открытия документа с помощью метода задается содержимое открытого окна. Вывод нового окна будет иметь следующий вид:


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



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