Создание документов, образующихся по ходу работы

Сейчас мы подошли к одному из замечательных свойств JavaScript — созданию документов, формируемых в процессе работы. В английском языке для таких документов используется термин on-the-fly документы.

Это означает, что мы имеем возможность при помощи JavaScript создавать новые HTML-страницы. Новые только что созданные документы могут быть выведены в отдельном окне или в том, или ином заданном фрейме.

Ниже приведен скрипт, решающий эту задачу.

<html>

<head>

<!-- hide

function openWin3() {

myWin= open("", "newWindow", "width=500,height=400,status=yes,toolbar=yes,menubar=yes");

// открываем документ

myWin.document.open() ;

// создаем документ

myWin.document.write("<html><head><title>On-the-fly");

myWin.document.write ("</title></headxbody>") ;

myWin.document.write("<center><font size=+3>");

myWin.document.write("Этот HTML-документ создан ") ;

myWin.document.write("при помощи JavaScript!");

myWin.document.write ("</font></center>") ;

myWin.document.write("</body></html>");

// закрываем документ (но не окно!)

myWin.document.close()

}

// -->

</script>

</head>

<body>

<form>

</form>

</body>

</html>

Рисунок 11 – Результат выполнения скрипта.

Рассмотрим функцию winOpen3(). Сначала мы открываем новое окно браузера. Первый аргумент функции — пустая строка "" . Это означает, что мы не указываем никакой URL. Браузер не долен загружать существующий документ, JavaScript создаст новый документ. Мы определяем переменную myWin. При помощи этой переменной мы будем обращаться к новому окну. Здесь мы не можем использовать имя нового окна {newWindow}. После того, как окно открыто, мы открываем документ при помощи myWin.document.open () ;

Мы вызываем метод ореn(), относящийся к объекту document. Это иной метод, отличающийся от метода ореn() для объекта window! Эта команда не открывает нового окна, она подготавливает документ для его последующего вывода. Перед document.open() следует указать myWin для того, чтобы обратиться к новому окну.

Далее следующие команды создают содержание нового документа.

// создаем документ

myWin . document.write ("<html><head><title>On-the-fly" ) ;

myWin.document.write ("</title></head><body>" ) ;

myWin.document.write ("<center><font size=+3>") ;

myWin.document.write("Этот HTML-документ создан ") ;

myWin.document.write("при помощи JavaScript! ") ;

myWin.document. write ("</font></center>") ;

myWin.document.write("</body></html>");

Мы видим, что здесь записаны обычные теги, используемые в HTML-документах. Таким образом мы создаем HTML-документ. Здесь можно использовать любые теги, допустимые в HTML. После окончания вывода необходимо закрыть документ. Это делается при помощи следующей инструкции.

// закрываем документ (но не окно!)

myWin.document.close() ;

Задание:

Реализовать приведенную в данном разделе программу, создав новый HTML-документ, и проверить правильность ее выполнения.

ФОРМЫ