JavaScript程序的设计（第2版）03.载入XML.ppt

载入XML;（1）创建XML DOM对象的实例 Microsoft在JavaScript中引入了用于创建ActiveX对象的ActiveXObject类，通过该类可以创建XML DOM对象的实例，代码如下： var xmldoc = new ActiveXObject(Microsoft.XMLDOM); （2）载入XML Microsoft的XML DOM有两种载入XML的方法：load()和loadXML()。 load()方法用于从服务器上载入XML文件，load()方法的语法格式如下： xmldoc.load(url); xmldoc：为XML DOM对象的实例。 url：为XML文件的名称。;　例10-2 下面通过IE实现对XML文档的内容进行读取、输出、添加和删除的操作。首先通过ActiveXObject创建一个Microsoft解析器实例，然后将XML文档载入到内存中，接着应用DOM对XML文档中的数据进行处理。通过deleteLastElement()函数实现对XML文档中的最后一条记录进行删除；通过addElement()函数实现对文本框中的内容进行连接，添加到XML文档的记录列表中；通过display()函数对XML文档中的元素进行判断，将数据输出到文本区中。 本例主要由两个文件组成，一个是index.xml文件，用于创建XML文档，这里就不再赘述；另一个是index.html文件，通过该文件实现XML文档中内容的显示、输出、添加和删除的操作。程序代码如下。;script type=text/javascript var xmldoc = new ActiveXObject(Microsoft.XMLDOM); xmldoc.async = false; xmldoc.load(index.xml); function deleteLastElement(){ //查找根元素，并删除其最后一个根结点 var rootElement = xmldoc.documentElement; if (rootElement.hasChildNodes()) rootElement.removeChild(rootElement.lastChild); } function addElement(){ var rootElement = xmldoc.documentElement; var newemploye = xmldoc.createElement(employe); // 创建雇员元素 /* 创建子元素及其文本并进行拼接 */ var newName = xmldoc.createElement(name); var newNameText = xmldoc.createTextNode(document.myform.namefield.value); //添加文本、名称 newName.appendChild(newNameText); newemploye.appendChild(newName); var newage = xmldoc.createElement(age); var newageText = xmldoc.createTextNode(document.myform.agefield.value); //添加年龄、名称 newage.appendChild(newageText); newemploye.appendChild(newage); var newPhone = xmldoc.createElement(phone); var newPhoneText = xmldoc.createTextNode(document.myform.phonefield.value); //添加电话、名称 newPhone.appendChild(newPhoneText); newemploye.appendChild(newPhone); var newaddress = xmldoc.createElement(address); var newaddressText = xmldoc.createTextNode(document.myform.addressfield.value); //添加地址、名称 newaddress.appendChild(newaddressText); newemploye.appendChild(newaddress); rootE