JavaScript для мага


Динамическое создание документов


Теперь мы готовы к рассмотрению такой замечательной возможности JavaScript , как динамическое создание документов. То есть Вы можете разрешить Вашему скрипту на языке JavaScript самому создавать новые HTML-страницы. Более того, Вы можете таким же образом создавать и другие документы Web, такие как VRML-сцены и т.д. Для удобства Вы можете размещать эти документы в отдельном окне или фрейме.

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

 

<html>

<head>

<script language="JavaScript">

<!-- hide

 

function openWin3() {

  myWin= open("", "displayWindow",

    "width=500,height=400,status=yes,toolbar=yes,menubar=yes");

 

  // открыть объект document для последующей печати

  myWin.document.open();

 

  // генерировать новый документ

  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>");

 

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

  myWin.document.close(); 

}

 

// -->

</script>

</head>

<body>

 

<form>

<input type=button value="On-the-fly" onClick="openWin3()">

</form>

 

</body>

</html>

 

(online-версия руководства позволит Вам проверить этот скрипт немедленно)

 

Давайте рассмотрим функцию winOpen3 (). Очевидно, мы сначала открываем новое окно браузера. Поскольку первый аргумент функции open() - пустая строка (""), то  это значит, что мы не желаем в данном случае указывать конкретный адрес URL. Браузер должен только не обработать имеющийся документ - JavaScript обязан создать дополнительно новый документ.




Начало  Назад  Вперед



Книжный магазин