DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 腳本代碼:實例解析Js+XML的操作方法
腳本代碼:實例解析Js+XML的操作方法
編輯:CSS進階教程     
我的xml文件Login.xml如下.
<?xml version="1.0" encoding="utf-8" ?>
<Login>
    <Character>
        <C Text="熱血" Value="0"></C>
        <C Text="弱氣" Value="1"></C>
        <C Text="激情" Value="2"></C>
        <C Text="冷靜" Value="3"></C>
        <C Text="冷酷" Value="4"></C>
    </Character>
    <Weapon>
        <W Text="光束劍" Value="0"></W>
        <W Text="光束配刀" Value="1"></W>
    </Weapon>
    <EconomyProperty>
        <P Text="平均型" Value="0"></P>
        <P Text="重視攻擊" Value="1"></P>
        <P Text="重視敏捷" Value="2"></P>
        <P Text="重視防御" Value="3"></P>
        <P Text="重視命中" Value="4"></P>
    </EconomyProperty>
</Login>
現在我需要對這個xml文件的內容進行操作.
首先,我們需要加載這個xml文件,js中加載xml文件,是通過XMLDOM來進行的.
// 加載xml文檔
loadXML    = function(xmlFile)
{
    var xmlDoc;
    if(window.ActiveXObject)
    {
        xmlDoc    = new ActiveXObject('Microsoft.XMLDOM');
        xmlDoc.async    = false;
        xmlDoc.load(xmlFile);
    }
    else if (document.implementation&&document.implementation.createDocument)
    {
        xmlDoc    = document.implementation.createDocument('', '', null);
        xmlDoc.load(xmlFile);
    }
    else
    {
        return null;
    }
    
    return xmlDoc;
}

xml文件對象出來了, 接下去我就要對這個文檔進行操作了.
比如說,我們現在需要得到節點Login/Weapon/W的第一個節點的屬性,那麼我們可以如下進行.

// 首先對xml對象進行判斷
checkXMLDocObj    = function(xmlFile)
{
    var xmlDoc    = loadXML(xmlFile);
    if(xmlDoc==null)
    {
        alert('您的浏覽器不支持xml文件讀取,於是本頁面禁止您的操作,推薦使用IE5.0以上可以解決此問題!');
        window.location.href='/Index.aspx';
    }
    
    return xmlDoc;
}

// 然後開始獲取需要的Login/Weapon/W的第一個節點的屬性值
var xmlDoc    = checkXMLDocObj('/EBS/XML/Login.xml');
var v    = xmlDoc.getElementsByTagName('Login/Weapon/W')[0].childNodes.getAttribute('Text')

而我在我的程序中的寫法是這樣子的,當然我在程序中的寫法是已經應用到實際中的了.一並給出來,以供查看

initializeSelect    = function(oid, xPath)
{
    var xmlDoc    = checkXMLDocObj('/EBS/XML/Login.xml');
    var n;
    var l;
    var e    = $(oid);
    if(e!=null)
    {
        n    = xmlDoc.getElementsByTagName(xPath)[0].childNodes;
        l    = n.length;
        for(var i=0; i<l; i++)
 &nbs

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved