【正文】 陳軼 71 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? XPath的運(yùn)算符 ? 運(yùn)算符實(shí)現(xiàn)選擇滿足特定條件的節(jié)點(diǎn)。 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 72 運(yùn)算符 說(shuō)明 / 從根節(jié)點(diǎn)開(kāi)始 // 從所在節(jié)點(diǎn)開(kāi)始選擇所有的后輩節(jié)點(diǎn) . 表示當(dāng)前節(jié)點(diǎn) .. 表示父節(jié)點(diǎn) * 表示所有元素節(jié)點(diǎn) @ 表示元素的屬性， @*表示元素的所有屬性 node（） 表示任何類(lèi)型的節(jié)點(diǎn) [] 選擇運(yùn)算，內(nèi)含謂詞，謂詞表示 XPath的導(dǎo)航特定條件 | 組合位置路徑，實(shí)現(xiàn)多個(gè)路徑 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? 運(yùn)算符組合，可以形成 XPath路徑表達(dá)式。通過(guò) XPath的路徑表達(dá)式來(lái)導(dǎo)航特定條件的節(jié)點(diǎn)或節(jié)點(diǎn)集。 ? 例如 ,已知 XML文件的樹(shù)型結(jié)構(gòu)如下圖所示 ,則 ? 寫(xiě)出選擇 list下層 student元素的所有子元素的XPath的路徑表達(dá)式 : /list/student 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 73 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? XSLT可轉(zhuǎn)換 XML數(shù)據(jù)，將 XML數(shù)據(jù)轉(zhuǎn)換成其他形式的文檔。 ? 與 XPath不同在于， XSLT是基于 XML的，它具有 XML的語(yǔ)法要求。作為轉(zhuǎn)換 XML的一種樣式表定義形式， XSLT也具有其自身的特點(diǎn)。 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 74 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? XSLT的基本結(jié)構(gòu)如下： ?xml version= encoding=UTF8? xsl:stylesheet version=版本號(hào) xmlns:xsl=Transform ……! 加入 XSLT元素 /xsl:stylesheet 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 75 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? XSLT的基本元素 (1)xsl:template元素 ? “ xsl:template”元素是模板元素，用于定義 XML元素的轉(zhuǎn)換規(guī)則?！?xsl:template”元素有一個(gè)重要屬性“ match”。這個(gè)屬性的作用是利用 XPath表達(dá)式指出需要套用模板的 XML元素的位置路徑。對(duì)于符合 XPath導(dǎo)航條件的位置路徑，則需要按模板的定義進(jìn)行轉(zhuǎn)換。 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 76 目 錄 上一頁(yè) 下一頁(yè) 退 出 (2) xsl:valueof元素 ? “ xsl:valueof”元素是內(nèi)容元素。該元素的最主要作用是獲取 XML數(shù)據(jù)（包括 XML元素和屬性）的具體內(nèi)容。 ? 與“ xsl:template”一樣，“ xsl:valueof”元素需要 XPath來(lái)定位 XML數(shù)據(jù)。 ? 具體實(shí)現(xiàn)是先用 XPath定位 XML數(shù)據(jù)的位置路徑，“ xsl:valueof”元素通過(guò)屬性有“ select”選擇位置路徑指定的相關(guān)數(shù)據(jù)。 ? 例 要求編寫(xiě)一個(gè) XSLT文件，能將程序清單59中的第二個(gè) 相關(guān)數(shù)據(jù)按照 XHTML的表格形式顯示。程序代碼見(jiàn) . 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 77 目 錄 上一頁(yè) 下一頁(yè) 退 出 (3)控制元素 ? XSLT與其他語(yǔ)言一樣也提供了控制元素。這些控制元素有： ? 循環(huán)元素“ xsl:foreach” ? 單條件元素“ xsl:if” ? 多條件元素“ xsl:choose” ? 例 XSLT文件，能將程序清單 59中所有 的相關(guān)數(shù)據(jù)按照 XHTML的表格形式顯示。代碼見(jiàn). 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 78 目 錄 上一頁(yè) 下一頁(yè) 退 出 (4)xsl:applytemplates元素 ? “ xsl:applytemplates”元素是遞歸調(diào)用模板元素。 ? 該元素的作用是將定義的模板遞歸調(diào)用到當(dāng)前節(jié)點(diǎn)以及子節(jié)點(diǎn)。 ? 該元素有一個(gè)可選屬性 select，該屬性設(shè)置指定節(jié)點(diǎn)的轉(zhuǎn)換規(guī)則。通過(guò) select屬性也可以規(guī)定模板轉(zhuǎn)換的順序。 ? 例 XSLT文件，能將程序清單 59中所有 元素的 from與 to元素按照列表形式輸出顯示。代碼見(jiàn) 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 79 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? XSLT可以將 XML文件轉(zhuǎn)換成特定格式的文檔，然后以這些文檔形式進(jìn)行顯示。 ? 為了實(shí)現(xiàn) XSLT轉(zhuǎn)換 XML文件，需要在XML文件中聲明使用 XSLT定義的樣式表，具體定義形式如下： ?xmlstylesheet type=text/xsl href=XSLT樣式表文件 ? ? type屬性指定了樣式表的格式為“ text/xsl”，表示使用 XSLT的樣式表； ? href屬性明確了樣式表文件的 URL，按照指定的位置使用 XSLT樣式表。 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 80 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? JavaScript也可以與 XML結(jié)合，開(kāi)發(fā)具有實(shí)際意義的應(yīng)用。這是因?yàn)椋蟛糠譃g覽器中具有內(nèi)置的 XML解析器，而這些解析器將 XML數(shù)據(jù)加載到內(nèi)存中，將 XML數(shù)據(jù)轉(zhuǎn)換成為 JavaScript可處理訪問(wèn)的對(duì)象。JavaScript可根據(jù)實(shí)際需要對(duì) XML數(shù)據(jù)進(jìn)行處理。通過(guò)這樣的一個(gè)過(guò)程，使得JavaScript訪問(wèn) XML數(shù)據(jù)成為可能。 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? 1．加載 XML數(shù)據(jù) 由于用戶(hù)采用的瀏覽器不同，導(dǎo)致瀏覽器內(nèi)置的 XML解析器也會(huì)有所不同。從而使得瀏覽解析器在加載 XML數(shù)據(jù)的形式上也有所不同。 ? （ 1)微軟 IE Explorer加載 XML數(shù)據(jù) ? var xmlDoc=new ActiveXObject()。 ? //創(chuàng)建一個(gè)空的 XML文檔對(duì)象 ? =false。 ? //關(guān)閉異步加載 ,作用是保證文檔在完全加載之前， JavaScript腳本 //不會(huì)繼續(xù)執(zhí)行。 ? (XML文件名 .xml)； //通知解析器加載 XML文檔； ? //如果需要加載的是 XML數(shù)據(jù)的文本片段，則將上述的最后一行代碼//改寫(xiě)成下列形式： ? (“xml字符串名 ”)； //通知解析器加載 XML字符串 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? （ 2）其他瀏覽器加載 XML數(shù)據(jù) ? xmlDoc=(,null)。 ? //創(chuàng)建一個(gè)空 XML文檔對(duì)象 ? =false。//關(guān)閉異步加載； ? (XML文件名 .xml)。//通知解析器加載 XML文檔 ? 不同于微軟 IE使用 loadXML（）解析 XML字符串，其他瀏覽器如 FireFox等是通過(guò) DOMParser實(shí)現(xiàn)對(duì) XML字符串的加載，形式如下： ? var parser=new DOMParser()。 ? //創(chuàng)建空的 XML文檔對(duì)象 ? var doc=(XML字符串名,text/xml)。 ? //加載 XML字符串 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? 2．解析 XML數(shù)據(jù) ? 加載 XML文件后，就可以通過(guò)創(chuàng)建的 XML DOM（ XML文檔對(duì)象）來(lái)實(shí)現(xiàn)對(duì) XML數(shù)據(jù)的解析，使得 JavaScript理解 XML數(shù)據(jù)，達(dá)到處理XML數(shù)據(jù)的目的。 XML DOM就是提供了一套解析 XML數(shù)據(jù)的方法。 目 錄 上一頁(yè) 下一頁(yè) 退 出 方法 說(shuō)明 getElementsByTagName(name) 根據(jù)標(biāo)記名訪問(wèn)節(jié)點(diǎn) appendChild(node) 添加新節(jié)點(diǎn) removeChild(node) 刪除節(jié)點(diǎn) replaceChild(node) 用新節(jié)點(diǎn)替換當(dāng)前節(jié)點(diǎn) createElement(element) 創(chuàng)建新節(jié)點(diǎn) createTextNode(node) 創(chuàng)建新的文本節(jié)點(diǎn) 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? 在解析過(guò)程中將 XML數(shù)據(jù)視之 XML樹(shù)， XML樹(shù)中的每一個(gè)成份為節(jié)點(diǎn)，節(jié)點(diǎn)類(lèi)型如下表： 節(jié)點(diǎn)類(lèi)型 說(shuō)明 節(jié)點(diǎn)類(lèi)型 說(shuō)明 Document 表示 XML整個(gè)文檔 Attr 表示元素的屬性 DocumentFragment 表示部分 XML文檔 Text 表示元素的文本內(nèi)容 DocumentType 表示文檔類(lèi)型 CDATASecetion 表示 CDATA片段 ProcessingInstruction 表示處理指令 Comment 表示注釋 EntityReference 表示擴(kuò)展實(shí)體引用 Entity 表示實(shí)體 Element 表示 XML元素 Notation 表示 DTD聲明的符號(hào) 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? JavaScript+XSLT轉(zhuǎn)換 XML文件顯示。 ? 例：已知用 XML定義火車(chē)時(shí)刻表在。然后用 XSLT為該 XML文件定義的樣式文件 ，樣式要求每一條記錄在表格中的每一行中顯示。請(qǐng)用定義JavaScript定義腳本，實(shí)現(xiàn)火車(chē)時(shí)刻表分頁(yè)顯示，每一頁(yè) 6個(gè)記錄，并通過(guò)“第一頁(yè)”、“上一頁(yè)”、“下一頁(yè)”和“最后一頁(yè)”四個(gè)按鈕，幫助用戶(hù)翻頁(yè)瀏覽 .運(yùn)行結(jié)果如下圖顯示。 目 錄 上一頁(yè) 下一頁(yè) 退 出 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? XML是可擴(kuò)展標(biāo)記語(yǔ)言，常用于數(shù)據(jù)的表達(dá)。它具有良構(gòu)性、可擴(kuò)展性、靈活性和簡(jiǎn)單性。符合當(dāng)前的數(shù)據(jù)表達(dá)與表現(xiàn)分離的基本原則。 ? 了解 XML客戶(hù)端應(yīng)用，詳細(xì)介紹了 XML的基礎(chǔ)知識(shí)。特別對(duì)于 XML的語(yǔ)法要求，以及建立一個(gè)良構(gòu)的 XML文件必須遵循的原則進(jìn)行深入淺出的說(shuō)明。 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 89 目 錄 上一頁(yè) 下一頁(yè) 退 出 ? 為了更加符合 XML應(yīng)用的要求，本章還介紹了 XML驗(yàn)證兩種機(jī)制：文檔類(lèi)型定義和XML模式定義語(yǔ)言 ? XML的兩種顯示方式： CSS顯示 XML與XSLT轉(zhuǎn)換 XML。 ? XML實(shí)質(zhì)是一個(gè)服務(wù)器端的技術(shù)，更深入的介紹見(jiàn)第 14章。 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 陳軼 90 2/15/2022 《 WEB開(kāi)發(fā)技術(shù)實(shí)用教程 》 91 The End 謝謝