相关文章
北京网站制作常用脚本特效标签（后台模板都可以调用）
北京网站设计完全用CSS实现的中英文双语导航菜单
北京网站制作中英文双语导航菜单
北京网站设计Dreamweaver MX 2004从零开始(3)
网站设计Flash加载外部文件 调用外部声音文件(加载到场景中）
北京网站建设flash8与javascript集成
北京网页设计中秋寄相思 自制Flash贺卡
网站设计FLASH MX 2004视频教程:梦幻太空（二）
www.qitongnet.comDW构建Blog全程实录(2)
网页设计初学者很好的参考：HTML标签详尽讲解
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 网站设计北京网页设计脚本代码：实例解析Js+XML的操作方法
网站设计北京网页设计脚本代码：实例解析Js+XML的操作方法
作者： 北京网站建设 日期：2008-03-27 06:03:35 来源： http://www.qitongnet.com
资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例，公司拥有国内一流的网站建设、网站制作、网页设计团队，如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址：http://www.qitongnet.com
=======================================================================================
我的xml 北京网页设计文件Login.xml如下.网页设计
现在我需要对这个xml文件的内容进行操作.网站建设
首先,我们需要加载这个xml文件,js中加载xml文件,是通过XMLDOM来进行的.企通互联
上面的访问代码中,我们是通过xmlDoc.getElementsByTagName(xPath)来进行的.网页设计
还可以通过xmlDoc.documentElement.childNodes(1)..childNodes(0).getAttribute('Text')进行访问.网站设计
一些常用方法:www.qitongnet.com
xmlDoc.documentElement.childNodes(0).nodeName,可以得到这个节点的名称 北京网站设计.网页设计
xmlDoc.documentElement.childNodes(0).nodeValue,可以得到这个节点的值. 这个值是来自于这样子的xml格式:<a>b</b>, 于是可以得到b这个值.网站建设
xmlDoc.documentElement.childNodes(0).hasChild,可以判断是否有子节点北京网站建设
www.qitongnet.com
根据我的经验,最好是使用getElementsByTagName(xPath)的方法对节点进行访问,因为这样子可以直接通过xPath来定位节点,这样子会有更好的性能
北京网站制作
|
|
<?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>www.qitongnet.com
<W Text="光束配刀" Value="1"></W>北京网站建设
</Weapon>网站制作
<EconomyProperty>北京网站建设
<P Text="平均型" Value="0"></P>www.qitongnet.com
<P Text="重视攻击" Value="1"></P> 北京网站制作网站建设
<P Text="重视敏捷" Value="2"></P>网站制作
<P Text="重视防御" Value="3"></P>网站设计
<P Text="重视命中" Value="4"></P>北京网站设计
</EconomyProperty>北京网页设计
</Login>
网站制作<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>www.qitongnet.com
<W Text="光束配刀" Value="1"></W>北京网站建设
</Weapon>网站制作
<EconomyProperty>北京网站建设
<P Text="平均型" Value="0"></P>www.qitongnet.com
<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)网站建设
{www.qitongnet.com
var xmlDoc;北京网站制作
if(window.ActiveXObject)企通互联
{网页设计
xmlDoc = new ActiveXObject('Microsoft.XMLDOM');www.qitongnet.com
xmlDoc.async = false;企通互联
xmlDoc.load(xmlFile);北京网站建设
}www.qitongnet.com
else if (document.implementation&&document.implementation.createDocument)www.qitongnet.com
{网站建设
xmlDoc = document.implementation.createDocument('', '', null);北京网站建设
xmlDoc.load(xmlFile);北京网页设计
}企通互联
else北京网站制作
{网站设计
return null;北京网站设计
}北京网站建设
网站建设
return xmlDoc;网站制作
}
loadXML = function(xmlFile)网站建设
{www.qitongnet.com
var xmlDoc;北京网站制作
if(window.ActiveXObject)企通互联
{网页设计
xmlDoc = new ActiveXObject('Microsoft.XMLDOM');www.qitongnet.com
xmlDoc.async = false;企通互联
xmlDoc.load(xmlFile);北京网站建设
}www.qitongnet.com
else if (document.implementation&&document.implementation.createDocument)www.qitongnet.com
{网站建设
xmlDoc = document.implementation.createDocument('', '', null);北京网站建设
xmlDoc.load(xmlFile);北京网页设计
}企通互联
else北京网站制作
{网站设计
return null;北京网站设计
}北京网站建设
网站建设
return xmlDoc;网站制作
}
xml文件对象出来了, 接下去我就要对这个文档进行操作了.北京网站设计
比如说,我们现在需要得到节点Login/Weapon/W的第一个节点的属性 网站建设,那么我们可以如下进行.www.qitongnet.com
// 首先对xml对象进行判断北京网站制作
checkXMLDocObj = function(xmlFile) 网站制作北京网站建设
{企通互联 www.qitongnet.com
var xmlDoc = loadXML(xmlFile);北京网站制作
if(xmlDoc==null)网站设计
{网站制作
alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!');www.qitongnet.com
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')
checkXMLDocObj = function(xmlFile) 网站制作北京网站建设
{企通互联 www.qitongnet.com
var xmlDoc = loadXML(xmlFile);北京网站制作
if(xmlDoc==null)网站设计
{网站制作
alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!');www.qitongnet.com
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++)北京网站设计
{北京网站设计
var option = document.createElement('option');北京网站建设
option.value = n[i].getAttribute('Value');北京网页设计
option.innerHTML = n[i].getAttribute('Text');北京网站建设
e.appendChild(option);北京网页设计
}www.qitongnet.com
}网站设计
}
北京网站建设{北京网页设计
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++)北京网站设计
{北京网站设计
var option = document.createElement('option');北京网站建设
option.value = n[i].getAttribute('Value');北京网页设计
option.innerHTML = n[i].getAttribute('Text');北京网站建设
e.appendChild(option);北京网页设计
}www.qitongnet.com
}网站设计
}
上面的访问代码中,我们是通过xmlDoc.getElementsByTagName(xPath)来进行的.网页设计
还可以通过xmlDoc.documentElement.childNodes(1)..childNodes(0).getAttribute('Text')进行访问.网站设计
一些常用方法:www.qitongnet.com
xmlDoc.documentElement.childNodes(0).nodeName,可以得到这个节点的名称 北京网站设计.网页设计
xmlDoc.documentElement.childNodes(0).nodeValue,可以得到这个节点的值. 这个值是来自于这样子的xml格式:<a>b</b>, 于是可以得到b这个值.网站建设
xmlDoc.documentElement.childNodes(0).hasChild,可以判断是否有子节点北京网站建设
www.qitongnet.com
根据我的经验,最好是使用getElementsByTagName(xPath)的方法对节点进行访问,因为这样子可以直接通过xPath来定位节点,这样子会有更好的性能
北京网站制作
上一篇：网站设计CSS仿淘宝首页导航条按钮布局效果
下一篇：网站设计常用CSS