这是有关在 Web 站点上使用可扩展的标记语言 (XML) 和可扩展的样式表语言 (XSL) 的系列文章中的第三篇。在第一篇文章中,我们谈到了使用 XML 文件存储站点的目录 (TOC) 信息,使用 XSL、层叠样式表 (CSS) 和脚本输出 DHTML TOC。在第二篇文章中,我们使用同一 XML 数据生成 DHTML 菜单,而在 microsoft.com 等 Web 站点中就用到了这些菜单。如果您还没有阅读这些文章,我们建议您在阅读这一篇文章之前,先阅读前两篇。
本月,我们将讨论在站点上实现菜单和 TOC 的几种不同方式。我们将解决有关实现过程和架构的几个问题,同时看一看几个案例:
在框架中直接引入 XML
在动态生成的 HTML 中使用 ASP #include
在预先创建的 HTML 中使用 ASP #include
有一点很重要,必须注意:尽管我们能够用任一浏览器查看输出的 DHTML,但是只要进行 XSL 转换,就必须安装 Internet Explorer 5。如果像在第一个案例中,需要将 XML 发送到客户机,则客户机必须是 Internet Explorer 5。如果像在第二个和第三个案例中,要在服务器上转换 XML,则服务器上必须安装 Internet Explorer 5。(注意:在服务器上可以只安装可重分发的 Microsoft XML 分析程序(英文))。
案例 1:在框架中直接引入 XML
如果您处于完全的 Internet Explorer 5 环境中(如 intranet),将输出发送给用户的最简单的方式可能是借助于 Internet Explorer 5 直接浏览 XML(英文) 的功能。Internet Explorer 5 可以使用相关的样式表提交 XML;您不需要进行显式转换。您只需要指定带有处理指南(英文)的 XSL 样式表。
在第一个案例中,我们使用自己的 TOC 作为例子,TOC 框架中将包含一个文件,其 webdev.XML 文件将引用 TOC 样式表,如下所示:
<?XML version="1.0"?>
<?XML-stylesheet type="text/xsl" href=../../"toc.xsl"?>
<TOPICLIST TYPE="Web Dev References">
.
.
.
</TOPICLIST>
TOC 框架自身将包含在框架集中,如下所示:
<FRAMESET COLS="150,*">
<FRAME NAME="fraToc" SRC=../../"webdev.XML">
<FRAME NAME="fraContent" SRC=../../"home.htm">
<FRAMESET>
如果您用 Internet Explorer 5 查看这些代码,您可以查看 XML 浏览 TOC 演示。
浏览 XML 除了是一种向用户发送带样式的 XML 的简便方式,它还是一种非常好的调试 XSL 样式表的方式,即使您要在服务器上进行转换,也可以使用这种方式。Internet Explorer 可以在出现错误时为您提供即时的反馈,包括行号和错误类型。
案例 2:在动态生成的 HTML 中使用 ASP #includes
在许多情况下,除了 Internet Explorer 5 之外,您还需要顾及其他浏览器,或者希望只用 XML 构成 HTML 文档的一部分(如顶端的菜单),而不是整篇文档。ASP #include 命令为在较大型文档中插入几个字符的 HTML 和跨多页共享公用代码提供了一个非常好的方式。通过在 #include 文件中进行 XSL 转换,可以非常方便地对 ASP #includes 进行扩展,以便利用 XML。
#include 文件将加载 XML 和 XSL 文件,将其转换为 HTML,然后将 HTML 写入 ASP 文档。如下所示是包含菜单的 ASP 文档:
列表 1:使用“动态” #includes 的通用 HTML 文档模板
<HTML>
<HEAD>
<TITLE>Dynamic ASP #include demo</TITLE>
</HEAD>
<BODY>
<!-- #include file="menus_dyn.inc" -->
<P>此处为常规文档内容...</P>
</BODY>
</HTML>
Include 文件将完成所有繁琐的工作。
列表 2:menus_dyn.inc
<% @LANGUAGE="JScript" %>
<%
var sXML = "webdev.XML";
var sXsl = "menus.xsl";
var oXMLDoc = Server.CreateObject("Microsoft.XMLDOM");
oXMLDoc.async = false;
oXMLDoc.load(Server.MapPath(sXML));
if (false != oXMLDoc.parseError)
{
Response.Write('XML parseError on line ' + oXMLDoc.parseError.line);
Response.End();
}
var oXslDoc = Server.CreateObject("Microsoft.XMLDOM");
oXslDoc.async = false;
oXslDoc.load(Server.MapPath(sXsl));
if (false != oXslDoc.parseError)
{
Response.Write('XSL parseError on line ' + oXslDoc.parseError.line);
Response.End();
}
Response.Write(oXMLDoc.transformNode(oXslDoc));
%>
从上一篇文章开始,我已经将菜单升级为可跨浏览器使用,所以您能够应用任一浏览器查看动态 #include 演示。
案例 3:在预先创建的 HTML 中使用 ASP #include
在服务器负荷较重的情况下,或您无论因何种原因,不希望在每次加载菜单时调用 XML 对象,您可以选择第三种方案:脱机进行转换。在这一情况下所使用的代码与“真正