Javascript створення вікон

function closeIt () close ();
>





Динамічне створення документів

Для початку ми створимо простий HTML-документ, який покажемо в новому вікні. Розглянемо наступний скрипт.

function openWin3 () myWin = open ( "", "displayWindow",
"Width = 500, height = 400, status = yes, toolbar = yes, menubar = yes");

// відкрити об'єкт document для подальшого друку
myWin.document.open ();

// закрити документ - (але не вікно!)
myWin.document.close ();
>



В скрипті ми визначаємо змінну myWin. І з її допомогою можемо отримувати доступ до нового вікна. Зверніть будь ласка увагу, що в даному випадку ми не можемо скористатися для цієї мети ім'ям вікна (displayWindow).

Після того, як ми відкрили вікно, настає черга відкрити для запису об'єкт document. Робиться це за допомогою команди:


// відкрити об'єкт document для подальшого друку
myWin.document.open ();


Тут ми звертаємося до open () - методу об'єкта document. Однак це зовсім не те ж саме, що метод open () об'єкта window! Ця команда не відкриває нового вікна - вона лише готує document до майбутньої друку. Крім того, ми повинні поставити перед document.open () приставку myWin, щоб отримати можливість писати в новому вікні.

У наступних рядках скрипта за допомогою виклику document.write () формується текст нового документа:


Як видно, тут ми записуємо в документ звичайні теги мови HTML. Тобто ми фактично генеруємо розмітку HTML! При цьому Ви можете використовувати абсолютно будь-які теги HTML.

По завершенні цього ми зобов'язані знову закрити документ. Це робиться за допомогою такої команди:


// закрити документ - (але не вікно!)
myWin.document.close ();


Як я вже говорив, Ви можете не тільки динамічно створювати документи, а й за своїм вибором розміщувати їх в в тому чи іншому фреймі. Наприклад, якщо Ви отримали два фрейми з іменами frame1 і frame2, а тепер у frame2 хочете згенерувати новий документ, то для цього в frame1 Вам достатньо буде написати наступне:

parent.frame2.document.write ( "Here goes your HTML-code");

Схожі статті