XML DOM 載入函式概述
導讀 | 載入 XML 文件中的程式碼可以儲存在一個函式中。 |
loadXMLDoc() 函式
為了使前一頁中的程式碼易於維護(檢查舊的瀏覽器),它應該寫成一個函式:
loadxmldoc.js 檔案程式碼:
function loadXMLDoc(dname) { if (window.XMLHttpRequest) { xhttp=new XMLHttpRequest(); } else { xhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xhttp.open("GET",dname,false); xhttp.send(); return xhttp.responseXML; }
上面的函式可以儲存在 HTML 頁面的 部分,並從頁面中的 呼叫。
lamp上面描述的函式,用於本教程中所有 XML 文件例項!
loadXMLDoc() 的外部 JavaScript
為了使上述程式碼更容易維護,以確保在所有頁面中使用相同的程式碼,我們把函式儲存在一個外部檔案中。
檔名為 "loadxmldoc.js",且在 HTML 頁面中的 head 部分被載入。然後,頁面中的 呼叫 loadXMLDoc() 函式。
下面的例項使用 loadXMLDoc() 函式載入 books.xml:
例項
<html><head><script src="loadxmldoc.js"></script></head><body> <script>xmlDoc=loadXMLDoc("books.xml"); code goes here.....</script> </body></html>
如何從 XML 檔案中獲得資料,將在下一章中講解。
loadXMLString() 函式
為了使前一頁中的程式碼易於維護(檢查舊的瀏覽器),它應該寫成一個函式:
loadxmlstring.js 檔案程式碼:function loadXMLString(txt) { if (window.DOMParser) { parser=new DOMParser(); xmlDoc=parser.parseFromString(txt,"text/xml"); } else { // Internet Explorer xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async=false; xmlDoc.loadXML(txt); } return xmlDoc; }
上面的函式可以儲存在 HTML 頁面的 部分,並從頁面中的指令碼呼叫。
lamp上面描述的函式,用於本教程中所有 XML 字串例項!
loadXMLString() 的外部 JavaScript
我們已經把 loadXMLString() 函式儲存在名為 "loadxmlstring.js" 檔案中。
例項
<html><head><script src="loadxmlstring.js"></script></head><body><script>text="<bookstore>"text=text+"<book>";text=text+"<title>Everyday Italian</title>";text=text+"<author>Giada De Laurentiis</author>";text=text+"<year>2005</year>";text=text+"</book>";text=text+"</bookstore>"; xmlDoc=loadXMLString(text); code goes here.....</script></body></html>
原文來自:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2857923/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- XML DOM Parse Error 物件概述XMLError物件
- XML DOM 解析器概述XML
- XML DOM 新增節點概述XML
- XML DOM – 屬性和方法概述XML
- XML DOM 替換節點概述XML
- XML DOM 刪除節點概述XML
- XML DOM 解析器錯誤概述XML
- XML DOM 瀏覽器差異概述XML瀏覽器
- XQuery 函式概述函式
- xml--概述,快速入門,約束XML
- XML 元素概述XML
- XML DOM(Document Object Model)XMLObject
- Python XML解析之DOMPythonXML
- XML 驗證概述XML
- XML 屬性概述XML
- uniCloud雲函式概述---雲物件Cloud函式物件
- sap開發相關XML匯出EXCEL 載入樣式XMLExcel
- PHP透過DOM操作XMLPHPXML
- XML和Dom4jXML
- TypeScript基礎入門-函式-過載TypeScript函式
- 圖片載入完執行函式函式
- XML伺服器概述XML伺服器
- XML 樹結構概述XML
- QImage:使用QImage建構函式載入影像和使用成員函式loadFromData載入影像的區別函式
- MySQL load xml載入資料MySqlXML
- JavaScript 複習之DOM 概述JavaScript
- C++入門教程(14):過載函式C++函式
- XML 語法規則概述XML
- 類的載入過程概述
- XML 檔案解析實踐 (DOM 解析)XML
- css載入會阻塞DOM樹解析嗎?CSS
- C++ 函式過載,函式模板和函式模板過載,選擇哪一個?C++函式
- [提問交流]建議:預載入自定義函式函式
- TypeScript 函式過載TypeScript函式
- 函式模板過載函式
- dom4j遍歷巢狀xml巢狀XML
- 基於 DOM 的 XML 檔案解析類XML
- [譯] 使用 closest() 函式獲取正確的 DOM 元素函式