《14 JavaScript和XML Dom编程.ppt》由会员分享，可在线阅读，更多相关《14 JavaScript和XML Dom编程.ppt（15页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第14章 JavaScript和XML Dom编程XML是由SGML（标准通用标记语言）发展而来的一种简单灵活的文本形式的标记语言，可提供跨平台、跨网络、跨程序语言的数据描述方式。在本章中，主要介绍XML文档的基本结构、基本语法。重点说明了如何使用CSS和XSL来显示在浏览器中XML文档中的内容，以及利用XML数据岛将XML数据绑定到HTML文档中。DOM也是一种跨语言的规范，是一种W3C标准，所有现代Web浏览器在不同程度上都支持DOM。通过DOM编程可以实现对XML文档的节点、属性、文本进行添加、删除、修改等操作。本章主要内容是如何使用JavaScript来进行XML DOM编程。本资料由
2、-大学生创业|创业|创业网http:/ 减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|http:/14.1 XML基础XML为Extensible Markup Language的缩写，表示扩展标记语言。XML是由SGML（标准通用标记语言）发展而来的一种简单灵活的文本形式的标记语言，可提供跨平台、跨网络、跨程序语言的数据描述方式。它本身可以被Web显示，而且还可与HTML结合使用。XML是由SGML（标准通用标记语言）发展而来的一种简单灵活的文本形式的标记语言，可提供跨平台、跨网络、跨程序语言的数据描述方式。XML具有可扩展性、信息共享、自描述性等特点。XML是一种元标记语
3、言，就是开发者可以根据自己的需要，自定义标记。与HTML不同，HTML是一种预定义标记语言，使用的都是预先定义好的标签，如、等，相比较则XML更加灵活。14.1.1 XML文档结构XML的语法规则既简单又严格，非常容易学习和使用。与HTML不同，XML对于语法有着严格的规定，只有当一个XML文档符合语法规定，处理程序才能对它加以分析和处理。下面以上面的XML文档实例说明一个基本的XML文档的组成部分。1声明2根元素3元素4属性5注释14.1.2 CSS显示和输出XML 文档CSS（Cascading Style Sheet）为层叠样式表，应用CSS可以定义网页文档中的文字、图片、表格、层的样式
4、，如设置文字的大小、颜色、对齐方式等。可以利用CSS，定义XML文档中元素的显示效果，实现过程很简单，只需要创建一个显示定义XML文档的CSS文件，在XML文档中引用这个CSS文件，XML文档中标签调用相应的CSS样式，这样就能按照设计的样式显示XML文档。XML文档中引用CSS文档的代码如下所示：14.1.3 XSL显示XMLXSL(eXtensible Stylesheet Language，可扩展样式语言)是为XML文档定义的一种标识语言，提供远远超过CSS的强大功能。目前最主要的浏览器都支持使用XSL程序格式化XML文档，使用XSL显示XML文档是主流趋势。在使用XSL显示XML文档之
5、前，简单的了解一下XSL文档的结构。一个XSL文档包括XML声明、XSL声明、XSL模板3部分，其中XSL模板主要用于设计显示XML文档的格式。14.1.4 XML解析器 XML是一种解析语言，需要拥有支持的解析器才能够处理XML文件的数据。微软的XML解析器是与IE5及其更高版的浏览器整合在一起的COM组件。只要安装了IE浏览器，即安装了XML解析器，通过IE浏览器就可以解析XML文档了。XML解析器可以读取、更新、创建、操作一个XML文档。XML文档除了被浏览器内部调用外，还可以在脚本中或者程序中调用。在客户端，可以通过使用JavaScript来实现XML到HTML的转换，输出XML文档的
6、数据。14.1.5 数据岛XML数据岛说得简单点就是在HTML页面中嵌入XML数据。XML数据可以包含在HTML文件内，也可以包含在某外部文件内。直接嵌入在HTML页面内的XML数据，是包含在标记和之间。14.2 DOM 编程基础DOM全称是Document Object Model（文档对象模型），定义了一组与平台和语言无关的接口，以便程序和脚本能够动态访问和更新文档的内容、结构以及样式。DOM是由W3C制定的表示XML文档的标准方式。DOM也是一种跨语言的规范，是一种W3C标准，所有现代Web浏览器在不同程度上都支持DOM。通过DOM编程可以实现对XML文档的节点、属性、文本进行添加、删除
7、、修改等操作。14.2.1 DOM文档对象模型DOM将XML文档作为树结构来查看，而DOM解析XML文档时，为XML文档在逻辑上建立一个树模型，树的节点就是XML文档上的元素、文本和属性。例如下面的XML代码：黑龙江省哈尔滨14.2.2 访问文档中的对象DOM将整个文档展现为内存中的一棵树状结构，每个元素、属性都是树上的一个节点。XML的Document对象表示XML文档树的根，XML文档中的元素节点、文本节点、注释等都是存在于Document对象中的。其中documentElement属性表示返回存在于XML文档中的根节点。语法格式如下所示：documentObject.documentEl
8、ement在DOM节点属性中，可以使用parentNode、childNodes、firstChild、lastChild、nextSibling、previousSibling在节点间进行导航，来获取节点的节点名称和节点值。14.2.3 创建新节点DOM Document（文档）中有一些方法用于创建不同类型的节点，如下所示：（1）createElement()方法createElement()方法可创建一个新的元素节点，并返回该元素的一个引用。（2）createTextNode()方法可以使用createTextNode()方法来创建一个新的文本节点。（3）createAttribute()
9、方法createAttribute()可创建一个新的属性节点。14.2.4 添加节点可以使用createElement()方法、createTextNode()方法、createAttribute()方法来创建一个元素节点、文本节点和属性节点。创建一个新的节点后，需要使用appendChild()方法将元素添加到节点列表中。appendChild()方法表示在节点列表的末端添加一个子节点。语法格式如下所示：Node.appendChild(newchild)14.2.5 插入节点使用appendChild()方法只能在节点列表的后面添加一个节点，如果要在某个指定的节点之前插入一个子节点，可以使
10、用insertBefore()方法。也可以使用insertData()方法向文本节点中插入一个字符串。（1）insertBefore()方法insertBefore方法表示在指定的现存某个特定的节点前插入一个子节点。（2）insertData()方法insertData()方法是针对文本节点，向某个文本节点插入一段字符串。14.2.6 删除节点在XML DOM中，可以使用removeChild()方法来删除某个节点，使用deleteData()方法来从文本节点删除数据，使用removeAttribute()方法可以删除没个属性节点。（1）removeChild()方法removeChild()
11、方法可用来删除某个指定的节点。（2）deleteData()方法deleteData()方法表示要删除文档中的文本节点中的字符串。（3）removeAttribute()方法removeAttribute()方法用来删除指定属性节点。14.3 小结本章主要介绍了JavaScript和XML Dom编程。首先需要简单的了解XML文档的文档结构，它包括XML声明、根元素、元素、属性以及注释等方面。XML文档本身是用于存储数据的，如果需要显示XML文档的存储的数据，则需要使用CSS或者XSL来显示数据的。XSL是为XML文档定义的一种标识语言，提供远远超过CSS的强大功能。目前最主要的浏览器都支持使用XSL程序格式化XML文档，使用XSL显示XML文档是主流趋势。XML是一种解析语言，需要拥有支持的解析器才能够处理XML文件的数据。XML解析器可以读取、更新、创建、操作一个XML文档。在客户端，可以通过使用JavaScript来实现XML到HTML的转换，输出XML文档的数据。XML数据岛是将XML数据绑定到HTML文档中。在客户端，可以结合JavaScript技术来显示、过滤或者查询XML的文档数据。本资料由-大学生创业|创业|创业网http:/ 减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|http:/