XML DOM 載入函式概述

大雄45發表於2022-02-27
導讀 載入 XML 文件中的程式碼可以儲存在一個函式中。

XML DOM 載入函式概述XML DOM 載入函式概述

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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章