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