正在加载图片...
第22章可扩展标记语言(XML) 保存到 C: \temp目录下,文件名用 note.xml。因笔者的计算机上安装的浏览器是IE60,用 IE60显示时,显示的样式如图22-1(a)所示 1.0"encoding="IS08859-1"?> >Lucy</ heading>Reminder</heading> ody>Don't Forge minders/header (a)IE60浏览器上显示的 note. xml(b)记事本器上显示的 note. xm 图22-1原始XML文档的显示 在图22-(a)中,根元素和子元素的标签都用颜色作标记。<note>左边有一个减号(-),点 击它就隐藏标签note元素内的代码,而减号也就会变成加号(+)。如果要查看原始XML文 档的源文件,则需要点击IE浏览器上的“查看(V)”,然后点击下跌选单上的“源文件O”, 调出文件编辑器(如记事本)就可看到原始XML文档的源文件,如图22-1(b)所示 2.用 JavaScript显示XML文档数据 要在当前的Web浏览器上显示XML文档的数据,可用 JavaScript从XML文档中输入 数据。 【例22.7-2】用 Javascript输入XML文档数据的HML文档如下 <htm> <head> script language="JavaScript for="window event="onload"> var xmlDoc= new ActiveXObject("Microsoft XMLDOM") xml Doc. async="false xml Doc. load ("note. xml") nodes= xmlDoc documentElement childNodes to inner Text=nodes. item(0).text from inner Text=nodes. item (1).text header. inner Text=nodes. item(2 ).text body inner Text =nodes. item (3) <script> <title> Displaying XML data inside hTml page<title> <body bgcolor=#C4FFE6"> hI align=" center"< cfont size="4">试用Web浏览器显示ⅩML文档<br> (2002年7月10日)</font b>收件人:< an <b>发件人:<b>< span id="from"></span><br> <b>主标题:</b>< span id=" header"></span><br>p p><b>内容:<b>< span id="body">span><p body> </html> 将这个文档存储到将这个文档存储到 C: temp目录下,使用的文件名为 note htm。用IE6.0 显示时,显示的样式如图22-2所示。第 22 章 可扩展标记语言(XML) 8 保存到 C:\temp 目录下，文件名用 note.xml。因笔者的计算机上安装的浏览器是 IE 6.0，用 IE 6.0 显示时，显示的样式如图 22-1(a)所示。 (a) IE 6.0 浏览器上显示的 note.xml (b) 记事本器上显示的 note.xml 图 22-1 原始 XML 文档的显示 在图 22-1(a)中，根元素和子元素的标签都用颜色作标记。<note>左边有一个减号(-)，点 击它就隐藏标签 note 元素内的代码，而减号也就会变成加号(+)。如果要查看原始 XML 文 档的源文件，则需要点击 IE 浏览器上的“查看(V)”，然后点击下跌选单上的“源文件(C)”， 调出文件编辑器(如记事本)就可看到原始 XML 文档的源文件，如图 22-1(b)所示。 2. 用 JavaScript 显示 XML 文档数据 要在当前的 Web 浏览器上显示 XML 文档的数据，可用 JavaScript 从 XML 文档中输入 数据。 【例 22.7-2】 用 JavaScript 输入 XML 文档数据的 HTML 文档如下， <html> <head> <script language="JavaScript" for="window" event="onload"> var xmlDoc = new ActiveXObject("Microsoft.XMLDOM") xmlDoc.async="false" xmlDoc.load("note.xml") nodes = xmlDoc.documentElement.childNodes to.innerText = nodes.item(0).text from.innerText = nodes.item(1).text header.innerText = nodes.item(2).text body.innerText = nodes.item(3).text </script> <title>Displaying XML data inside HTML page</title> </head> <body bgcolor="#C4FFE6"> <h1 align="center"><font size="4">试用 Web 浏览器显示 XML 文档<br> (2002 年 7 月 10 日)</font></h1> <hr> <p><b>收件人: </b><span id="to"></span><br> <b>发件人: </b><span id="from"></span> <br> <b>主标题: </b><span id="header"></span> <br></p> <p> <b>内 容: </b><span id="body"></span> </p> </body> </html> 将这个文档存储到将这个文档存储到 C:\temp 目录下，使用的文件名为 note.htm。用 IE 6.0 显示时，显示的样式如图 22-2 所示