Разработчики, использующие Dynamic HTML для создания динамических HTML страниц, видимо, оценят новые возможности по управлению информацией, появившейся с включением в Internet Explorer 5 поддержки DOM Level1 и стилевых таблиц XSL.

   HTML-документы давно уже стали привычным форматом для представления информации в Web. Но, к сожалению, их содержимое практически не описывается тэгами и единственное, что может делать с данными броузер, это форматировать их и выводить на экран. Передаваемая клиенту информация в виде HTML страницы доступна для пользователя лишь в том виде, в котором она была сформирована на стороне сервера и практически невозможно динамическое изменение данных в зависимости от текущих потребностей пользователя. Впервые попытка хранения информации независимо от форматирующих ее тэгов была сделана в спецификации Dynamic HTML для IE 4 - в объектную модель броузера были добавлены т.н. объекты источников данных (Data Source Object - DSO). Эти объекты позволяли динамически "назначать" информацию для тех или иных фрагментов HTML документа(например, таблицам), которую затем отображал броузер, и являлись, по сути, "островками данных" для моря остальных форматирующих тэгов документа. Следующим шагом в этом направлении стало появление нового тэга <xml> и включение в объектную модель Internet Explorer новых объектов доступа к XML-данным.

   Говоря об объектной модели броузера необходимо уточнить, что в данном случае имеется в виду интерфейс доступа к содержимому документа для сценариев, а вовсе не часть программного обеспечения броузера. Некоторые интерфейсы доступны для других приложений и являются, по сути, COM-интерфейсами, некоторые могут использоваться только внутри. Для нас не важно, как представлены объекты в программной модели броузера - мы будем рассматривать объектную модель как набор объектов, их методов и событий, доступных для сценария внутри страницы.

   Из внутренних сценариев HTML страницы обращение к методам объекта данных выглядит также, как и для любого другого элемента документа - при помощи его идентификатора или по индексу в коллекции классов страницы. Вот например, как можно это сделать через JScript (версия JavaScript от Microsoft):

 <xml ID="xmlNotes" src="notes.xml"></xml>
 <script language=JAVASCRIPT>
  var node_value = xmlNotes.document.all
("xmlNotes").XMLDocument.nodeValue;
  var document_text = xmlNotes.documentElement.text;
 </script>

   При этом ссылка на элемент данных HTML страницы в сценарии автоматически предоставляет нам доступ к объектной модели XML документа, создаваемой обработчиком в памяти компьютера сразу после загрузки документа.

   В настоящий момент поддержка XML в IE5 реализована, практически, в на трех вариантах. Во-первых, это возможность загрузки XML документа, так же, как загружается обычная HTML страница. Он будет нормально обработан броузером и отображен в виде дерева содержащихся в нем элементов.

   Во-вторых, XML документы можно форматировать при помощи стилевых таблиц XSL. Стилевые таблицы позволяют управлять процессом отображения элемента на экране броузера, меняя в зависимости от его типа и месторасположения в документе используемые для этого форматирующие тэги. Кроме того, стилевые таблицы могут использоваться также и для поиска нужных фрагментов внутри документа, выводя по желанию пользователя отдельные его части независимо от остального содержимого. XSL инструкции в Internet Explorer 5.0 позволяют "фильтровать" и обрабатывать сложные XML документы, со множеством рекурсивно вложенных, сложноподчиненных элементов с нефиксированным набором атрибутов и строгими требованиями к порядку их определения внутри документа.

   В-третьих, доступ к XML-данным возможен из сценариев внутри страницы, имеющих доступ практически к любому элементу документа через соответствующие объекты. Использование Dynamic HTML представляет собой наиболее гибкий и мощный способ формирования динамически изменяемой информации на стороне клиента. Структурированные данные XML-документа могут загружаться в страницу при помощи тэгов <xml>, <object> или <script>, в которых указывается либо адрес документа, либо непосредственно сами XML-элементы:

<xml ID="xmlNotes1" src="notes.xml"></xml>
...
<xml ID="xmlNotes2">
<notepad>
<note id="5">
<text>Очень важная информация</text>
</note>
</notepad>
</xml>
...
<script language="xml" ID="xmlNotes3">
<notepad id="6">
<note>
<text>Очень важная информация</text>
</note>
</notepad>
</script>
...
<script language=JAVASCRIPT>
var root_node = document.all.("SCRIPT").XMLDocument;
</script>

   Internet Explorer DOM

   В настоящий момент Microsoft Internet Explorer является первым броузером, поддерживающим спецификацию DOM Level 1. Для сценариев на стороне клиента доступно множество объектов для работы с XML-документом. Полное их описание является темой отдельной статьи, здесь же рассмотрим лишь самые важные из них, объекты XMLDOMDocument, XMLDOMNode, XMLDOMNodeList, представляющие интерфейс для доступа ко всему документу, отдельным его узлам и поддеревьям соответственно. Также рассмотрим объект XMLDOMParseError, предоставляющий необходимую для отладки информацию о произошедших ошибках анализатора (т.к. его методы, к сожалению, на первых шагах используются очень часто). Описание дается по материалам официального руководства, расположенного на сервере Microsoft: msdn.microsoft.com/xml/, и является упрощенным и сокращенным его вариантом, поэтому если приведенных в таблице сведений будет недостаточно, нужно обратиться к первоисточнику.

   Приведем некоторые примеры использования объектной модели.

   Создание объекта документа

   Работа с содержимым XML документа в DOM начинается с создания объекта, реализующего методы класса Document. В IE5 этим объектом является XMLDOMDocument. Создание объекта из сценариев осуществляется при помощи стандартных методов new ActiveXObject(JScript) и CreateObject:

<script language="JScript"> 
 var docobj = new ActiveXObject("Microsoft.XMLDOM"); 
...

<script language="VBScript"> 
Dim docobj
Set docobj = CreateObject("Microsoft.XMLDOM").
... 

   Если данные включаются в документ в виде DSO-объектов, то для доступа к документу можно также использовать объектную модель HTMLстраницы, получая ссылку на XML-документ по идентификаторам соответствующих тэгов:

<XML id="source" src="source-file.xml"></XML>
<XML id="style" src="style-file.xsl"></XML>
<SCRIPT FOR="window" EVENT="onload">
   xslArea.innerHTML = 
   source.transformNode(style.XMLDocument);
</SCRIPT>
...
<DIV id="xslArea"></DIV>

   Первым способом создаются объекты при "ручной"загрузке нового документа. Если же мы хотим получить доступ к данным, встроенным в страницу при помощи тэгов xml или object, то используется второй способ.

   Объектной переменной XMLDOMDocument также можно присвоить ссылку на другой объект созданного раннее документа:

    docobj.documentElement = otherobj;

   Загрузка XML-документа

   Все необходимые манипуляции с XML документом осуществляются после его загрузки и создания дерева элементов. Загрузка может осуществляться либо при помощи указателя на соответствующий ресурс: docobj.load("h t t p://myserver/xml/notes.xml"), либо "на лету", при помощи метода loadXML, которому в качестве параметра передается строка- отрывок XML документа:

   docobj.loadXML("<recipe><step id='1'>Насыпать чай</step><step id='2'>Залить кипятком </step> <step id='3'>Вылить</step></recipe>");

   Анализ документа

   Для управления процессом анализа документа можно изменять следующие рассмотренные ранее свойства XMLDOMObject : async, validateOnParse, resolveExternals, preserveWhiteSpaces.

   Необходимо запомнить, что анализ XML документа производится непосредственно после загрузки его содержимого - остановить этот процесс можно только используя метод abort. Поэтому свойства обработчика нужно изменять перед его загрузкой.

   В процессе анализа документа обработчиком могут вызываться некоторые события, перехватывая которые можно отслеживать все шаги обработки. Для назначения классов обработчиков используются свойства , описанные в таблице. Вот пример программы-обработчика события , возникающего при изменении текущего состояния анализатора.

<script>
 var xmldoc;
 var messages = new Array(5);
 var result_str = " Демонстрация
  обработки событий<hr/>";
 messages[0]="Загрузка документа.";
 messages[1]="Загрузка завершена.
  Начинаю анализ документа";
 messages[2]="Начинаю создание объектной модели";
 messages[3]="Обработку завершил";
 function startParse(url){
  xmldoc = new ActiveXObject("Microsoft.XMLDOM"); 
  xmldoc.onreadystatechange = onChangeState; 
  xmldoc.load(url);
  xmlMessages.innerHTML = result_str;
 } 
 function onChangeState(){ 
  var state = xmldoc.readyState; 
  result_str += messages[state-1] + "<BR>"; 
}
</script>
<BODY onLoad="startParse('notepad.xml')">
    <DIV id="xmlMessages"></DIV>
</BODY>

   Другой способ назначить обработчик событий для элемента - это использование атрибута event тэга <script>:

<XML id="xmlID" src="notes.xml"></XML>
 <script for="xmlID" event="onreadystatechange">
 alert(xmlID.readyState);
 </script>

   Обработка ошибок

   Информация об обнаруженных в результате разбора XML-документа ошибках передается сценарию через объект XMLDOMParseError. Ссылку на него возвращает метод parseError объекта XMLDOMDocument. Узнать о типе ошибки можно по ее коду, содержащемся в свойстве errorCode (если разбор закончился успешно, то значение errorCode равно 0). При помощи свойств filepos, line, linepos, reason, srcText и url можно получить полную информацию о причине появления ошибки и ее местонахождении.

<SCRIPT language="JavaScript">
var docobj;
var result_str = "<hr/>";
function view(){
docobj = new ActiveXObject("Microsoft.XMLDOM"); 
docobj.load("music.xml");
    if (docobj.parseError.errorCode != 0){
     xmlTree.innerHTML=reportParseError
	 (docobj.parseError);
     return;
}
xmlTree.innerHTML = docobj.xml;
}
function reportParseError(error){
 error_str  = "<H4>Ошибка при загрузке документа '"
  +      error.url + "'</H4>" +
      "<p><font color='red'>" + error.reason + 
	      "</font></p>";
  if (error.line > 0)
    error_str += "<H5>" +    "Строка "
	 + error.line + ", символ " + error.linepos +
    "\n" + error.srcText +   "</H4>";
  return error_str;
}
</script>
  <BODY onLoad="startParse()">
    <DIV id="xmlTree"></DIV>
  </BODY>
  </HTML>
...

   Сохранение XML документа.

   Созданное в памяти компьютера объектное дерево можно сохранить в текстовый файл, используя метод save:

    xmlobj.save ("menu.xml");

   Кроме этого, XML-документ можно сохранить в другом XMLDOMDOcument объекте, передав в качестве аргумента функции ссылку на него.

    Обход дерева элементов

   Для работы со списком элементов в объектной модели XML-анализатора Microsoft предназначены специальные объекты: XMLDOMNode - представляющий узел дерева и XMLDOMNodeList - список узлов, поддерево. Их описание приведено в таблице.

   Просмотр списка элементов документа всегда начинается с получения нужного поддерева. Для этого у объекта XMLDOMNode используется методы childNodes, selectNodes или getElementsByTagName, возвращающие объект XMLDOMNodeList. Количество элементов этом поддереве можно узнать при помощи свойства length.

   Вот, например, как будет выглядеть процедура рекурсивного просмотра документа произвольной структуры:

<SCRIPT language="JavaScript">
var result_str = "<hr/>";
var docobj = new ActiveXObject("Microsoft.XMLDOM"); 
 function printElements(){
  docobj.load("music.xml");
  viewNode(docobj.documentElement);
  xmlTree.innerHTML = result_str;
 }
 function viewNode(node){
  var childnodes = curNode.childNodes.length;
  result_str+=" "+curNode.nodeName+"<br/>";
  for(var i=0;i<childnodes;i++){
  viewNode(curNode.childNodes.item(i));
 }
}
</SCRIPT>
 <BODY onLoad="printElements()">
   <DIV id="xmlTree"></DIV>
 </BODY>
</HTML>

   Навигация по документу осуществляется обычным перебором массива элементов в цикле for или при помощи методf nextNode. И в том и в другом случае мы сначала выбираем нужное поддерево, а затем обрабатываем его элементы. Необходимо заметить также, что в XMLDOMNodeList отражаются все изменения, вносимые в структуру XML-документа, и информация в результате будет всегда актуальной.

    Поиск элемента

   Поиск нужного элемента или поддерева осуществляется при помощи методов selectNode и selectSingleNode (то же что и selectNode, только возвращает первый найденный элемент). В качестве параметров им необходимо указать строку XSL запроса (образец поиска - XSL pattern).

   Синтаксис языка запросов очень гибок и является одним из самых мощных механизмов в XSL - при помощи них можно осуществлять поиск элемента по названию, значению атрибутов, содержанию, учитывая вложенность и положение в дереве элементов. Наиболее ярко все эти возможности демонстрируются при обработке XML-документов стилевыми таблицами XSL , когда мы можем выделять из общего дерева необходимые нам элементы и применять к ним специальные форматирующие инструкции.

   Внешне язык XSL запросов немного напоминает обычный способ определения пути к ресурсу в файловой системе - список узлов дерева, разделенных символом /. Для указания на текущий элемент используется символ "." , на родительский - "..", для выделения всех дочерних элементов - символ "*", для выделения элемента, расположенного просто "ниже" по дереву(не важно на каком уровне вложенности) - "//".

   Вот примеры простых XSL шаблонов:

   "/music-collection" - корневой элемент

   "bards/" - возвращает дочерние элементы для элемента bards

   "authors-list//" - список всех элементов, вложенных в authors-list

   "author[@id]" - список элементов author, в котором определен атрибут id

   "author[@id=2]" - элемент author, в котором значение атрибута id равно двум

   "author[address]" - список элементов author, которые содержат хотя бы один элемент address

   "author[address or city]" - список элементов author, содержащих элементы address или city

   Условие на значение в запросе должно заключаться в символы "[" и "]". Для выбора значения атрибута в условии указывается символ @.

   Применяя к XML- документу различные шаблоны поиска, можно осуществлять сложные манипуляции с его содержимым, динамически изменяя объем отображаемой пользователю информации в зависимости от производимых им действий (например, динамическая сортировка, отображение подчиненных таблиц и т.д.) Более подробное описание XSL-таблиц будет приведено в одной из следующих статей.