DSO 记录集方法将目前记录变成呼叫范例moveFirst
moveFirst()文件中的第一笔记录dsoInventory.recordset.movePrevious
movePrevious()前一笔记录dsoInventory.recordset.moveNext
moveNext()下一笔记录dsoInventory.recordset.moveLast
moveLast()文件中的最后一笔记录dsoInventory.recordset.move特定数目的记录dsoInventory.recordset.move(5)移动至第6 笔记录。记录是从0 开始计数。）
注意
DSO 的记录集成员对象符合了Microsoft 呼叫ActiveX Data Objects （ADO）的标准数据存取技术。你可以使用一般的ADO 记录集对象，以及除了本章中介绍的XML DSO 外的多种资料来源。想获得ADO 与ADO 记录集对象的更多信息，请参考下面由Microsoft 提供，位
于 http://www.microsoft.com/data/ado/default.htm 的网站。想获得特定记录集的方法、属性与事件的文件，请参阅 http://msdn.microsoft.com/library/psdk/dasdk/mdap2y7s.htm 。
你可以从你撰写的script 来呼叫这些方法的任何一个（如同本章稍后将介绍的）。然而，呼叫这些方法最简单的方式，就是借着将方法指定到BUTTON 元素的ONCLICK 属性中，如下所示：
First Record
这个元素会显示一个按钮。当使用者按下按钮，被指定到ONCLICK 属性的方法－dsoInventory.recordset.moveFirst，会被呼叫。
如果目前记录是第一笔，呼叫movePrevious 方法来将记录集移动到档案的起始部分，代表无法获得任何记录，且被连结的元素将消失。同样地，当目前记录是最后一笔，呼叫moveNext 方法将记录集移动到档案的结尾部分，代表被连结的元素将会消失。
很幸运地，recordset 对象提供了BOF 属性与EOF 属性。如果记录集位在档案的起始部分，BOF的属性值会被设为true。而如果记录集位在档案的结尾部分，EOF 属性值会被设为true。你可以侦测这些属性状态并设定必要的修正。例如，指定于下列按钮中的程序代码，在记录集移动到档案的起始部分时，它会迅速地重新显示第一笔数据记录：
Back
下面的程序修正了档案结尾部分的状态：
Forward
注意，你可以将整块的script 程序代码设定到onclick 属性（或者是其它的事件属性，如ONMOUSEOVER）。在这些范例中，程序代码是以Microsoft JScript 撰写。在本章的稍后，你将学习如何撰写独立的script 程序代码区块，让包含更多指令变得更容易。
在下面的练习中，你将建立一次一笔记录显示列表8-3 中的XML 文件的HTML 网页。该网页提供了按钮来浏览第一笔、前一笔、下一笔与最后一笔。
以一次一笔记录的方式显示文件
1. 在文字编辑器中， 开启 一个新的、空白的文字文件，然后输入列表8-9 中的HTML网页。（你可以在随书光盘的 Inventory Single.htm 档案中找到。）注意，该网页包含了连结到 Inventory Big.xml 文件的 data island ，该文件包含了16 笔记录。（列表8-3 显示了Inventory Big.xml；你也可以在随书光盘上找到该档案。）
2. 使用文字编辑器的 存盘 指令来将网页储存到本机硬盘上，指定其文件名为 Inventory Single.htm 。
Inventory Single.htm
Book Description
Title:
STYLE="font-weight:bold">
Author:
Binding type:
Number of pages:
Price:
|& lt;First
ONCLICK="dsoInventory.recordset.movePrevious(); if (dsoInventory.recordset.BOF) dsoInventory.recordset.moveNext()"> & lt;Back Forward & gt; Last & gt;| 3. 在Windows 档案总管或目录窗口中， 双击 该档名－ Inventory Single.htm ，这是你在前一个步骤中储存的档案：Internet Explorer 5 将会开启并显示该档案，如下图所示： 注意，从一开始，一直到使用者开始点选按钮，Internet Explorer 5 都只显示文件的第一笔记录。 其它的数据链路技术 在接下来的章节中，你将学习数种用来连结非表格式的HTML 元素的附加技术。这些技术可以是用作单一记录数据链路的个别HTML 元素，或者是包含在被连结的HTML 表格中的HTML 元素。尤其是，你将学到： 如何将HTML 元素连结至XML 字段 如何使HTML 标签包含在XML 字段中 如何更新高速缓存中的XML 数据 表格8-1 总结了当你研读后续章节时，需要使用的重要信息。表格列出你可以用来进行单一记录数据链路的HTML 元素－即，除了TABLE 元素之外的所有可连结的HTML 元素。表格描述了每一个元素的目的，指定被连结至XML 字段元素的特定用途，代表元素是否可以实行包含在元素被连结至的XML 字段中的HTML 卷标，并显示元素是否可以更新XML 字段的内容。这项信息在你研读接下来的章节之前并没有太大意义，在此预先提供予你参考。 表格8-1. 可连结的HTML 元素(不包含TABLE 元素)。 HTML 元素元素的用途元素的被连结的属性执行包含在XML字段中的HTML更新被连结的XML字段A锚元素，代表超级链接的起始或目的地hrefNoNoAPPLET加入一个Java applet 到网页中paramNoYesBUTTON显示一个按钮控件innerHTML 与 innerTextYesNoDIV用来安排文件的片段，如章、节与附录innerHTML 与 innerTextYesNoFRAME将个别的框架包含至框架集中srcNoNoIFRAME建立一个inline floating 框架srcNoNoIMG显示一个影像或视讯夹srcNoNoINPUT TYPE= CHECKBOX在窗体中显示一个检查方块控件checkedNoYesINPUT TYPE= HIDDEN储存并发送信息到服务器，而不是将控件显示于窗体中value valueNo NoYes YesINPUT TYPE= PASSWORD与INPUT TYPE=TEX 相同，但是使用者所输入的文字并不会被显示heckedNoYesINPUT TYPE= RADIO 在窗体中显示一个radio按钮 INPUT TYPE= TEXT让使用者在窗体中输入单一行文字valueNoYesLABEL显示文字卷标text innerText 与 innerHTMLYesNoMARQUEE显示可卷动的文字innerText 与 innerHTMLYesNoSELECT显示一个列表方块控件被选定的列表项目的文字属性NoYesSPAN用来安排一块inline 文字（例如，P(段落)，或DIV 元素）innerText 与 innerHTMLYesNoTEXTAREA让使用者输入多行文字valueNoYes 连结至其它HTML 元素 如你所见，当你将SPAN 元素连结至XML 字段时，该元素会简单地显示字段的内容。这是因为SPAN 元素的innerText 属性－负责设定元素要显示的元素－被连结至XML 字段。 注意 在DHTML 中，每一个HTML 元素拥有一组属性，你可以用来透过script 程序设定或读取元素不同的特性。Internet Explorer 5 有支援DHTML。同时，如同本节中所解释的，属性会自动从它所连结XML 字段的值被设定。 然而，表8-1 显示了利用某些可连结的HTML 元素，其它属性会被连结至XML 字段。 注意 连结一个SPAN 元素实际上连结了它的innerText 与inner-HTML 属性。innerText 属性会设定或取得元素内的文字内容，但不包含HTML 标签。inner-HTML 属性则是设定或取得元素的整个内容，包含任何的HTML 标签。 例如，利用连结的A（锚）元素（anchor，用来建立超级链接），href 属性被连结至XML 字段，如下所示： Click here for reviews 这个属性，就像元素的HREF 属性，负责设定超级链接的目的地URL。因此，连结的A 元素的目的地URL，是由XML 字段衍生而来（范例中的REVIEWS XML 字段当然必须是一个完整的URL），而不是其文字内容。 在另一个范例中，利用INPUT 元素的可连结检查方块型态，checked 属性－负责改变元素的查核状态－被连结到XML 字段，如下所示： 如果INSTOCK XML 字段是空的，或者它包含文字「0」或「false」，检查方块会被清除设定。如果它包含任何其它文字，检查方块会被选定。 而在最后一个范例中，利用IMG（影像）元素，src 属性被连结至XML 字段。这个属性，就像元素的SRC 元素，指明了包含欲显示图形数据文件的URL。列表8-10 与8-11 介绍了连结IMG元素的技巧。（你可在随书光盘的 Inventory Image.xml 档案与 Inventory Image Table.htm 档案中找到。） Inventory Image.xml
Inventory Image Table.htm
Book Inventory
| Cover | Title | Author | Binding | Pages | Price |
|---|---|---|---|---|---|
|
STYLE="font-style:italic"> |
列表8-10 是一份XML 文件，在每一笔BOOK 记录中包含了名为COVER-IMAGE 的字段。每一个COVER-IMAGE 字段包含了储存书籍封面图形档案的URL。列表8-11 是与列表8-2 相同的HTML 网页，除了每一列的起始部分多了一个栏（TD 元素），该栏包含了一个IMG 元素而不是SPAN 元素。该IMG 元素被连结至XML 文件中的COVERIMAGE 字段，因此它显示每一本书封面的影像，如同下图所示：
你可以拿表格8-1 中其它HTML 元素的一部份来进行试验，以便学习这些元素可连结的属性，以及当你连结这些属性时，元素如何使用XML 字段中的数据。
表现HTML
根据预设，如果XML 字段的字符数据碰巧包含了HTML 卷标，连结至该字段的HTML 元素将这些卷标以literal 文字的型式来处理与显示。例如，仔细考虑下面的SAPN 元素，它们被连结至AUTHOR-BIO 字段：
如果AUTHOR-BIO 字段包含一个斜体字（I）元素，就像这样：
to 1916,and wrote The Bostoniansand many other works of
psychologically realistic fiction.
该SPAN 元素会将HTML 卷标的字符视为literal 文字并将显示字段如下：
利用某些可连结的HTML 元素，如SPAN。你可以将DATAFORMATAS 属性的值设定成「HTML」以驱使浏览器处理包含在字段文字内的HTML 卷标，而不是单纯地将之视为literal 字符。例如，假设你将之前显示的范例SPAN 元素定义成：
DATAFORMATAS="HTML">
它将接着把Ｉ元素内的文字以斜体型式安排，如下所示：
注意
为DATAFORMATAS 设定默认值「TEXT」，与简单地将属性省略拥有相同的效果－它让HTML卷标的字符被当作literal 文字来进行处理。
要想找出哪些元素是你可以用来透过DATA-FORMATAS="HTML"的属性设定来安排HTML，请参阅 表格8-1 。这些元素在倒数第二个字段中（标记为「执行包含在XML 字段中的HTML」）的值为「Yes」。
在XML 字段中加入与执行HTML 对于修改文字部分的格式时（例如，使用I 或B 元素），以及将HTML 元素如超级链接或影像含括于文字中时，特别有用。虽然借着将HTML 标签包含于XML中来安排XML 文字违反了分离数据与格式安排的基本原则，但是当你使用数据链路时，这项技巧可能是修改格式或包含HTML 元素于字段中唯一可行的方法。（相反地，如果你使用本书讨过的显示XML 的其它方法，借着含括子元素并适当地处理它们，你可以广泛地修改格式或将元素加入XML 元素。）
当你加入HTML 标签到XML 字段中时，你不能将（<）或（&）符号照字面加入到文字中。（回忆一下，这些字符在元素的字符数据中都是不合法的。）然而，你可以使用预先定义的实体参照「& lt;」与「& amp;」，将它们加到文字中。另一种选择，会让HTML 变得更具可读性，且对大区块的HTML 特别有用，方法就是将标签包含于CDATA 区段中，如第四章中所讨论的。
更新快取缓冲储存区中的XML 数据
XML 的DSO 让你可以用数种方法来修改XML 数据。然而，在你为这种可能性极度兴奋之前，记得这些技术只是修改了DSO 暂时快取在内存中的XML 数据的复本，而不是服务器上的原始XML 文件。
除非你利用了相当复杂的技术来更改原始的服务器上文件（这已超过本书的范围），否则修改高速缓存上XML 数据的效用有限，而且这里我只是简单地做个介绍。借着将可修改的HTML 元素连结至特定XML 字段，你可以让使用者能够修改该XML 字段，如TEXT 型态的INPUT 元素。表格8-1 中最右行代表允许使用者修改被元素连结的XML 字段的HTML 元素。
例如，如果你将TEXT 型态的INPUT 元素连结至TITLE 字段，而不是将SPAN 元素连结至TITLE字段，如下所示，使用者不但可以浏览TITLE 元素的内容，还可以编辑其内容：
同时，DSO 的recordset 成员对象提供了方法让你可以从高速缓存上的记录集新增或移除整个记录，并取消对记录集所做的修改。注意，在最后一行的呼叫范例假设HTML 网页包含一个XML data island，其ID 为dsoInventory。
DSO 记录集方法影响呼叫范例AddNew新增一笔新的记录到快取的记录集中dsoInventory.recordset.addNew()delete将目前的记录从快取的记录集中移除dsoInventory.recordset.delete()cancelUpdate保留对目前记录所做的修改，或将新增的记录取消掉dsoInventory.recordset.cancelUpdate()
利用DTD 与数据链路
到目前为止你在本章中所见到的每一份范例文件都拥有一个格式正确的XML 文件，里面不含文件型态宣告（DTD）。然而，如果你正要使用数据链路来显示XML 文件，包含DTD 并确保文件是有效的，当你定义文件的元素时，将可以帮助你确保符合对称式记录集组织的要求。DTD也会帮助确保DSO 属性从文件中的元素来适当地建造其快取记录集。
包含DTD 对于拥有较复杂的阶层式型态记录结构特别有用，你可以显示于巢状的表格中。列表8-5 中的文件就是这样的一个范例。在下面的练习中，你将新增一个DTD 到文件中，使文件有效并确保文件符合数据链路所需要的记录结构。
注意，如果你以数据链路显示的XML 文件包含了任何有效性的错误，资料将不会显示于被连结的元素中，但你也不会看到任何错误讯息。要观看在连结的XML 文件中任何错误的辅助性叙述，利用于第九章中＜检查XML 文件的有效性＞所介绍的有效性与格式正确性的检查script 来测试文件。
警告
当你为记录建立元素的宣告（如列表8-12 中的CATEGORY 或BOOK 元素），你必需包含一个内容模型，明确地列出所有记录的字段与巢状记录。你不能使用ANY 内容规则，它会导致数据链路失败。
为数据链路建立有效的XML 文件
1. 在文字编辑器中，将你在本章稍早所建立的 Inventory Hierarchy.xml 文件 开启 。（你可以在列表8-5 与随书光盘上找到这份文件。）
2. 在文件的元素（INVENTORY）上，输入下面的文件型态宣告：
3.
4. [
5.
6.
7.
8.
(TITLE,AUTHOR,BINDING,PAGES,PRICE)>
9.
10.
11.
12.
13.
14. ]
>
这些元素宣告可以被解释，使用记录集与数据链路的语言，如下所示：
文件包含了零或多个CATEGORY 记录。
每一个CATEGORY 记录包含一个CATEGORY 字段，后面紧跟着零或多个巢状的BOOK 记录。
每一个巢状的BOOK 记录只包含恰好一个后面字段中的任何一个，依照顺序为TITLE、AUTHOR、BINDING、PAGES与PRICE。
与剩下的宣告。每一个BOOK 记录中的字段只包含字符数据。
15. 要反映出欲设定的档名，将文件起始部分的批注从
改成：
16. 利用文字编辑器的 另存新文件 指令来将修改过的文件储存在 Inventory Hierarchy Valid.xml 中。列表8-12 中显示了完整的XML 文件。（你可在随书光盘的 Inventory Hierarchy Valid.xml 档案中找到。 ）
Inventory Hierarchy Valid.xml
[
]
>
paperback
paperback
17. 在文字编辑器中， 开启 你在本章稍早所建立的 Inventory Hierarchy.htm 档案。（你可在随书光盘与列表8-6 中找到。）
18. 更改网页data island 的SRC 属性，好让它连结到你刚建立的新XML 文件。那也就是说，将它从
改成：
19. 要反映出你将设定的新档名，将位于网页起始部分的批注从
改成：
20. 使用文字编辑器的 另存新文件 指令，将修改过的网页储存为 Inventory Hierarchy Valid.htm 档案。
列表8-13 显示了完整的HTML 网页。（你可在随书光盘的Inventory Hierarchy Valid.htm 档案中找到。）
Inventory Hierarchy Valid.htm
| Classic English Literature | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
DATAFLD="CATNAME"> |
||||||||||
|
21. 在Internet Explorer 5 中开启这份网页。
它看起来应该像这样：
22. 如果文件并未出现，该文件必定是出现了格式正确性或有效性的错误。要找出错误，请使用第九章中＜检查XML 文件的有效性＞所介绍的有效性检查script。
将HTML 元素连结到XML 属性
截至目前为止你所看到的XML 文件范例，并没有元素包含了属性。虽然你可以连结至包含属性的元素如同连结至属性本身，但是属性却使得数据链路更为复杂。
当你使用数据链路，属性在本质上是以子元素的型式被处理。
利用record 元素，这种处理方法让存取属性变得更容易（或者仅将之忽略掉）。例如，下列的BOOK 元素包含一个名位的InStock 属性：
这笔记录将会被处理，犹如InStock 属性是一个属于BOOK 的字段，而InStock 的值为该字段的内容。也就是说，BOOK 将会被看做拥有下列的结构：
因此你可以利用普通的数据链路技巧来存取属性的值。例如，下面的SPAN 元素被连结至属性，并显示了属性的值：
（这个范例假设XML 文件透过一个名为dsoInventory 的data island 被连结至网页。）然而，思考一下，将属性加到XML 文件中的字段元素中－例如，将属性加入AUTHOR 字段，如下面范例所示：
在数据链路中，AUTHOR 元素将会被解释成这样：
Mark Twain
结果是，DSO 将会将元素以巢状记录的型式储存，而不是以字段的型式。（回忆一下字段可以只包含字符数据，且不含子元素。）因此，记录集将会变成一个阶层式的记录集，而不是一个简单的普通记录集，而且你必须使用巢状表格来显示里面的巢状资料，如同本章稍早＜使用巢状表格来显示阶层式记录集＞中所介绍的。
然而，你需要更多的东西，好让你能够显示字符数据（Mark Twain）与巢状记录的属性：DSO使用特殊的名称$TEXT 来参考元素内的所有字符数据，而不是利用含括属性值的方式。因此，IE5 将会把AUTHOR 元素解释成这样：
<$TEXT>Mark Twain
你可以使用$TEXT 当作字段名称来将表格的栏连结至AUTHOR 元素字符数据的内容。
列表8-14 包含一个HTML 网页，该网页显示了本节中所介绍的所有技术。（你可以在随书光盘的 Inventory Attribute.htm 档案中找到。）该网页显示了XML 文件： Inven-tory Valid.xml （你可以在随书光盘中的列表5-1 中找到该文件）。
Inventory Attribute.htm
Book Inventory
| Title | Author | Binding | Pages | Price | In Stock? | |||
|---|---|---|---|---|---|---|---|---|
|
|
下面是Internet Explorer 5 显示列表8-14 看起来的样子：
在这个网页中，外部表格的最后一行借着简单地将BOOK 记录的InStock 属性连结至SAPN 元素，显示了InStock 属性的内容：
因为BOOK 元素的AUTHOR 子元素包含一个属性（Born），该属性被当作巢状的元素来处理，而不是字段，因而网页是使用巢状的表格来显示属性的内容：
特殊名称$TEXT 参考了AUTHOR 元素内的所有文字，但并不包含属性值。这份文字由作者名字（例如，Mark Twain）所组成。
注意，因为BOOK 中的TITLE 元素可以包含一个子元素（SUBTITLE），该元素也被视为一个巢状的记录，而不是字段，而且同样必须使用巢状的表格来显示：
这里，$TEXT 被用来显示记录的所有字符数据。（并没有方法能够只显示标题的文字而不包含子标题。）
使用Script 与DSO
本章利用一个较复杂的script 范例作个总结。该script 利用DSO 与相关XML 文件的记录集来运作。这份范例script 使用DSO 的recordset 对象的方法与属性来搜寻Inventory Big.xml 文件中的书籍。（你可以在随书光盘与列表8-3 中找到这份文件。）用来搜寻与显示XML 文件的技术，只对以简单记录集型式组成的XML 文件合适。（有关简单记录集的信息，请参阅本章稍早的 ＜使用个别的HTML 表格来显示简单记录集＞ 。）
提示
你将在第九章中看到更多的script 档案。该章中的script 使用了完全不同的程序对象（XML 文件对象模型），让你可以使用任何型式的XML 文件，不只是那些以记录集建构的XML 文件。
列表8-15 代呈现了包含范例script 的HTML 网页。你可在随书光盘中的 Inventory Find.htm 档案中找到。
Inventory Find.htm
Find a Book
Title text:
Results:
这份HTML 网页显示了TEXT 类型的INPUT 元素，让使用者输入一行欲搜寻的文字：
该网页也显示一个卷标为「Search」的BUTTON 元素：
当使用者点选按钮，script 函式FindBooks 会被呼叫，负责将要搜寻的文字从INPUT 元素中取出，搜寻XML 文件中的所有BOOK 记录的标题是否符合该文字，然后将符合的BOOK 记录显示，如下图所示：
script 函式FindBooks 被包含在其专有的SCRIPT 元素中，利用JScript 来撰写：
提示
JScript 是Microsoft 版本的JavaScript 程序语言。（在范例的SCRIPT 区块中，LANGUAGE 属性提供了一般程序语言的名称。）你将可以在下面的网站 http://msdn.microsoft.com/workshop/c-frame.htm#/workshop/languages/jscript/handling.as
p 与 http://msdn.microsoft.com/ scripting/default.htm?/scripting/jscript/default.htm 中，找到JScript 完整的信息，包括为初学者所制作的导览。这两个网站都是由MSDN 所提供。
FindBooks 函式借着取得目前被输入INPUT 元素的文字（其ID 为SearchText）开始，接着使用Jscript 函式toUpperCase 来将文字转换成大写字母。（FindBooks 将所有的文字转换成大写好让搜寻的动作是没有大小写之分。）
SearchString =SearchText.value.toUpperCase();
如果使用者并未在INPUT 元素输入任何东西，函式会显示一个错误讯息并退出执行：
if (SearchString =="")
{
ResultDiv.innerHTML =" +"'Title text ' box..>"; return; } ResultDiv 是位于网页底部的DIV 元素的ID，负责显示搜寻结果。为DIV 元素的innerHTML 属性指定文字（可以包含HTML 卷标）将会导致DIV 显示该文字（并执行它所包含的HTML 标签）。函式接着会让第一笔XML 文件成为目前的记录，使用你在之前所见过的recordset.moveFirst方法： dsoInventory.recordset.moveFirst(); 接下来它会将用来储存搜寻结果（ResultHTML） 的HTML 的字符串变量设成空白： ResultHTML =""; 现在FindBooks 会进入循环以浏览XML 文件中的所有记录。当到达档案的结尾时，它使用recordset.EOF 属性来停止循环的进行，并且使用recordset.moveNext 在每一笔新记录中移动： while (!dsoInventory.recordset.EOF) { TitleString =dsoInventory.recordset("TITLE").value; if (TitleString.toUpperCase().indexOf(SearchString)>=0) ResultHTML +="" +dsoInventory.recordset("TITLE") +"," +"" +dsoInventory.recordset("AUTHOR") +"," +dsoInventory.recordset("BINDING") +"," +dsoInventory.recordset("PAGES") +" pages,," +dsoInventory.recordset("PRICE") +" "; dsoInventory.recordset.moveNext(); } 循环首先会取得目前记录的TITLE 字段的值： TitleString =dsoInventory.recordset("TITLE").value; 等号右边的表达式是呼叫recordset 对象的fields 属性的速记法。下面是完整的做法： TitleString =dsoInventory.recordset.fields("TITLE").value; fields 属性包含一个属于目前记录全部字段的集合。你可以借着将字段的名称放在参数中（例如，范例中的「TITLE」）来存取特定的字段，而且借着附加value 属性你可以以字符串型态获得该字段的内容。 循环接着使用JScript 函式indexOf 来决定目前记录标题是否包含了欲搜寻的文字。如果循环找到欲搜寻的文字，if 指令中的程序会将文字放到ResultHTML 字符串与必要的HTML 卷标以显示目前的记录： if (TitleString.toUpperCase().indexOf(SearchString) >=0) ResultHTML +="" +dsoInventory.recordset("TITLE") +"," +"" +dsoInventory.recordset("AUTHOR") +"," +dsoInventory.recordset("BINDING") +"," +dsoInventory.recordset("PAGES") +" pages,," +dsoInventory.recordset("PRICE ") +" "; 一但循环结束，函式会将包含搜寻结果的HTML 卷标贴附到DIV 元素的innerHTML 属性中，这个元素是位于用来显示搜寻结果网页的BODY 元素中（该DIV 元素的识别代号为ResultDiv）： if (ResultHTML =="") ResultDiv.innerHTML =" else ResultDiv.innerHTML =ResultHTML; DIV 元素会立即执行HTML 卷标并显示结果。