[工学]xml实例教程8.ppt

第八章 XML结合JavaScript的应用 XML综合技术的应用 结合教本语言的XML运用 XML数据岛的应用 XSL的循环技术 结合数据源属性的XML 检索XML节点信息 8.1 XML综合技术的应用 8.1.1 页面制作中XML技术的综合运用 XSL转化 对XML信息进行筛选、排序。是基础技术 XML数据岛、DOM对象 对于XML应用开发来说，DOM就是一个对象化的XML数据接口，DOM是一组对象的集合。通过操作这些对象，能够操作XML与HTML文档。 HTML载体 数据显示的载体，XML文档可以通过数据岛、DOM对象的技术很方便的输出到HTML文件中。 脚本语言 动态网页技术的关键，能将XML更好的同动态网页的应用联合起来。 常见的有JavaScript，VBScript。 8.1.2 XML实用页面编程的结构 常见的XML页面编程结构有以下几种形式: XML+CSS XML+XSL XML+XSL+HTML或XML+HTML XML+XSL+ASP 8.1.3 实例8-1 通讯录的制作 Xml文件:ex34.xml Xsl文件:ex34.xsl 8.2 结合教本语言的XML运用 8.2.1 脚本语言 8.2.2 JavaScript 8.2.3 实例8-2 通讯录的用户登陆 8.2.1 脚本语言 1.脚本语言的含义: 脚本语言通常是通用编程语言 ,可能是由某种系统编程语言发展过来的,脚本语言是解释执行的,脚本语言比系统程序设计语言更高级,平均一个指令可以做更多的工作. 2.常见的脚本语言 常见的嵌入到HTML文件中的脚本语言有VBScript 、 JavaScript。 3.在HTML中嵌入脚本语言 script language=“JavaScript | VBScript” … /script 2 JavaScript的基本数据结构 基本数据类型 JavaScript有6种数据类型。主要的类型有number、string、object以及Boolean类型，其他两种类型为null和undefined。 8.3 XML数据岛的应用 8.3.1 将XML数据链入HTML 1.DOM方法 通过创建DOMDocument对象,而后使用DOM其他的对象与方法,可以自由的进行XML数据编程. 2.XML数据岛 采用HTML标签XML/XML对指定的XML文档进行数据邦定的数据处理方式。 xml id=“plistXML” src=“ex36.xml”/xml 也可以使用标签id的值来应用数据，具体的方法和属性与DOMDocument对象类似。 8.3.2 transformNode属性 将邦定于XML文档的数据用邦定于XSL样式表的格式进行输出。 div id=“a”/ xml id=“xml” src=“ex36.xml”/xml xml id=“xsl” src=“ex36.xsl”/xml script language=“JavaScript” function show() { a.innerHTML = xml. transformNode(xsl.XMLDocument); } /script 8.3.3 实例8-3 控制通讯录显示方式 Ex36.xml user.xml ex36-1.htm ex36-2.htm ex36-1.xsl ex36-2.xsl 8.4 XSL的循环技术 8.4.1 使用脚本语言的循环过程处理信息 1.JavaScript语言的for循环语句 结合JavaScript的for循环语句和XML数据岛技术就能够实现在循环中控制数据的生成. 实例:程序代码8-2,8-3 2.用DIV元素和”innerHTML”生成可循环的表格 采用HTML的div元素占位,再用脚本语言控制对它进行数据输出。 实例:程序代码8-4 3.用URL在页面间传递参数 在页面的脚本程序定义要连接新页面的URL地址时,可以通过在该URL字符串后面加上特定的字符,来传递参数到新的页面中。 语法： url?参数1=参数植1参数2=参数植2 例子： /home.html?a=5b=3 8.4.2 实例8-4 可控循环列表的制作 8.5 XSL的循环技术 8.5.1 SPAN，TABLE元素对XML数据岛的支持 1.DataSrc属性 用于指定引用的数据源 格式： datasrc＝＃xml数据岛的id属性值 html body xml id=“userXML” src=“user.xml”/xml table DATASRC=#userXML