firefox兼容ie读取xml节点方法的解决方案实例

最新推荐文章于 2021-08-05 15:41:11 发布
最新推荐文章于 2021-08-05 15:41:11 发布
阅读量124 收藏
点赞数
分类专栏： js 文章标签： IE XML Firefox prototype JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zfsn7722483/article/details/83667583
版权 
<html>
<head>
<title>Firefox中Javascript读取XML数据selectSingleNode实例</title>
<style>
body,p{font:normal 12px/180% "宋体";}
</style>

<script type="text/javascript">
var GetNodeValue = function(obj)
{
var str = "";
if(window.ActiveXObject)    //IE
{
str = obj.text;
}
else //Mozilla
{
try
{
   str = obj.childNodes[0].nodeValue;
}
catch(ex)
{
   str = "";
}
}
return str;
}

if(document.implementation && document.implementation.createDocument)
{
XMLDocument.prototype.loadXML = function(xmlString)
{
var childNodes = this.childNodes;
for (var i = childNodes.length - 1; i >= 0; i--)
   this.removeChild(childNodes[i]);

var dp = new DOMParser();
var newDOM = dp.parseFromString(xmlString, "text/xml");
var newElt = this.importNode(newDOM.documentElement, true);
this.appendChild(newElt);
};

// check for XPath implementation
if( document.implementation.hasFeature("XPath", "3.0") )
{
    // prototying the XMLDocument
    XMLDocument.prototype.selectNodes = function(cXPathString, xNode)
    {
    if( !xNode ) { xNode = this; }
    var oNSResolver = this.createNSResolver(this.documentElement)
    var aItems = this.evaluate(cXPathString, xNode, oNSResolver,
        XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)
    var aResult = [];
    for( var i = 0; i < aItems.snapshotLength; i++)
    {
    aResult[i] = aItems.snapshotItem(i);
    }
    return aResult;
    }

    // prototying the Element
    Element.prototype.selectNodes = function(cXPathString)
    {
    if(this.ownerDocument.selectNodes)
    {
    return this.ownerDocument.selectNodes(cXPathString, this);
    }
    else{throw "For XML Elements Only";}
    }
}

// check for XPath implementation
if( document.implementation.hasFeature("XPath", "3.0") )
{
    // prototying the XMLDocument
    XMLDocument.prototype.selectSingleNode = function(cXPathString, xNode)
    {
    if( !xNode ) { xNode = this; }
    var xItems = this.selectNodes(cXPathString, xNode);
    if( xItems.length > 0 )
    {
    return xItems[0];
    }
    else
    {
    return null;
    }
    }  
    // prototying the Element
    Element.prototype.selectSingleNode = function(cXPathString)
    {  
    if(this.ownerDocument.selectSingleNode)
    {
    return this.ownerDocument.selectSingleNode(cXPathString, this);
    }
    else{throw "For XML Elements Only";}
    }
}
}

function loadXML()
{
    var xmlHttp;
    var name;

    if(window.ActiveXObject)
    {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest)
    {
        xmlHttp = new XMLHttpRequest();
    }
    try
    {
        xmlHttp.onreadystatechange = function()
        {
            if(xmlHttp.readyState == 4)
            {
                if (xmlHttp.status == 200)
                {
                    // 取得XML的DOM对象
                    var xmlDOM = xmlHttp.responseXML;
                    // 取得XML文档的根
                    var root = xmlDOM.documentElement;
                    try
                    {
                       var items = root.selectNodes("//urlset/url");
					   var msg = document.getElementById("msg1");
					   msg.innerHTML="";
                       for(var i=0;i<items.length;i++)
					   {
                        //取得XML文件中内容
                        var strloc = GetNodeValue(items[i].selectSingleNode("loc"));
                        var strsite=GetNodeValue(items[i].selectSingleNode("site"));
                        var straddtime=GetNodeValue(items[i].selectSingleNode("addtime"));
                        msg.innerHTML+="<a href="+strloc+" target=_blank>"+strsite+"</a>&nbsp;加入日期："+straddtime+"<br/>";
                       }
                    }
                    catch(exception)
                    {
                        alert("error!");
                    }
                }
            }
        }
        xmlHttp.open("GET", "urllink.xml", true);
        xmlHttp.send(null);
    }
    catch(exception)
    {
      alert("您要访问的资源不存在!");
    }
}
var xmlDoc;
function getdata()
{ 
  if (window.ActiveXObject) 
  { //IE
	  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
	  xmlDoc.async=false;
	  xmlDoc.load("urllink.xml");	
	  domsg();
  }
  else if (document.implementation &&document.implementation.createDocument) 
  {//FF
	  xmlDoc= document.implementation.createDocument("","",null);	 
	  xmlDoc.async=false;
	  xmlDoc.load("urllink.xml");	
	  xmlDoc.οnlοad=domsg();
  }
  else
  {
	alert('浏览器不支持脚本,无法加载XML文件');
  }  
}

function domsg()
{
	var root = xmlDoc.documentElement;	
    try{
        var msg2 = document.getElementById("msg2");
	    var items = root.selectNodes("//urlset/url");
		msg2.innerHTML="";
		for(i=0;i<items.length;i++)
		{
		   var strloc = GetNodeValue(items[i].selectSingleNode("loc"));
		   var strsite=GetNodeValue(items[i].selectSingleNode("site"));
		   var straddtime=GetNodeValue(items[i].selectSingleNode("addtime"));
		   msg2.innerHTML+="<a href="+strloc+" target=_blank>"+strsite+"</a>&nbsp;加入日期："+straddtime+"<br/>";
		}
	 }
	 catch (exception){
	   msg2.innerHTML="加载XML数据错误!";
	 }	
	 
	 

}
</script>
</head>

<body οnlοad="getdata()">
<h1>这是一个firefox兼容ie读取xml节点方法的解决方案实例</h1>

<div style="margin:10px auto">
<h2>这里是实时读取xml文件节点</h2>
可以用于Html文件读取 XML中的最新数据、广告数据等。
<div id="msg2" style="width:500px;border:1px solid #e0e0e0; height:auto;margin:8px;padding:4px"><span>如果您看到这些内容，说明加载失败</span></div>
</div>

<div style="margin:10px auto">
<h2>这里是ajax异步读取xml文件节点</h2>
firefox模拟selectsinglenode方法获取xml数据，兼容ie，
解决了一些一些网站的ajax在firefox下面无法显示的问题<br>
<a href="javascript:loadXML();" ><B>点击加载XMl</B></a>：<br>
<div id="msg1" style="width:500px;;border:1px solid #e0e0e0; height:auto;margin:8px;padding:4px">请点击上面按钮加载XMl...</div>
</div>


查看本页源代码,有相应的js, XML数据文件urllink.xml<br>
<textarea name="urllink" rows="6" cols="60">
<?xml version="1.0" encoding="gb2312"?>
<urlset>
<url>
<site>思高数码</site>
<loc>http://www.cycoo.com</loc>
<addtime>2006-02-11</addtime>
</url>
<url>
<site>深南大道</site>
<loc>http://bbs.szroad.com</loc>
<addtime>2006-05-22</addtime>
</url>
<url>
<site>芒果网</site>
<loc>http://www.man-go.cn</loc>
<addtime>2007-01-21</addtime>
</url>
</urlset>
</textarea>
</body>
</html>

 

<?xml version="1.0" encoding="gb2312"?>
<urlset>
<url>
<site>思高数码</site>
<loc>http://www.cycoo.com</loc>
<addtime>2006-02-11</addtime>
</url>
<url>
<site>深南大道</site>
<loc>http://bbs.szroad.com</loc>
<addtime>2006-05-22</addtime>
</url>
<url>
<site>芒果网</site>
<loc>http://www.man-go.cn</loc>
<addtime>2007-01-21</addtime>
</url>
</urlset>

 

zfsn7722483
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
firefox中JS读取XML文件
12-10
在Firefox中，JavaScript读取XML文件的方法与Internet Explorer（IE）有所不同，因为Firefox不支持IE特有的ActiveXObject。本文将详细讲解两种在Firefox中通过JavaScript获取并处理XML文档的方法。 1. 使用`...
使用JS读取XML文件的方法
10-21
IE浏览器使用的是ActiveX技术，可以通过new ActiveXObject("Microsoft.XMLDOM")来创建一个XMLDOM对象，这是IE特有的解决方案。使用这种方式，可以加载XML文件并将其作为对象进行操作。 第二类包括Firefox和Opera...
低效的SelectSingleNode和高效的ListView数据添加
zgqtxwd的专栏
04-24 296
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
在IE中创建DOM并载入XML
iteye_5722的博客
03-14 211
一 介绍 1、创建XML DOM对象的实例 Microsoft在JavaScript中引入了用于创建ActiveX对象的ActiveXObject类，通过该类可以创建XML DOM对象的实例，代码如下： var xmldoc = new ActiveXObject("Microsoft.XMLDOM"); 2、载入XML Microsoft的XML DOM有两种载入XML的方法，即lo...
html表格中绑定显示xml文档内容的简单实例,JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)...
weixin_32187691的博客
06-03 278
本文实例讲述了JS读取XML文件数据并以table形式显示数据的方法。分享给大家供大家参考，具体如下：先看xml文件：张秋丽女 18李文才男 31李斯文男 22马英女 25孙红雷男 32欧阳俊雄男 28江琳女 23小小女 22aspx页面代码：function loadXMLDoc(dname) {if (window.XMLHttpRequest) {xhttp = new XM...
XML DOM摘要二(XML DOM节点、属性、方法介绍)
zp19860529的博客
07-01 1035
编程接口 DOM 把 XML 模拟为一系列节点接口。可通过 JavaScript 或其他编程语言来访问节点。在本教程中，我们使用 JavaScript。 对 DOM 的编程接口是通过一套标准的属性和方法来定义的。 属性经常按照“某事物是什么”的方式来使用（例如节点名是 "book"）。 方法经常按照“对某事物做什么”的方式来使用（例如删除 "book" 节点）。 XML DOM 属性 一些典型的 DOM 属性： x.nodeName - x 的名称 x.nodeValue - x 的值 x
c# xml文件新增同级节点_C# 移除XML节点代码 xml找同级节点
weixin_42386819的博客
01-26 169
asp如何取得XML某个子节点的值？ r.xml 为你的xml文件将以下代码存成asp放入与你的xml文件同级的目录Set xmlobj=Server.CreateObject(\"Microsoft.XMLDOM\")xmlobj.async=falsexmlobj.Load(Server.MapPath(\"r.xml\"))'载入xml文档Set node=xmlobj.documentEl...
火狐中怎么把xml转换为html,JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)...
weixin_39689622的博客
05-31 166
本文实例讲述了JS读取XML文件数据并以table形式显示数据的方法。分享给大家供大家参考，具体如下：先看xml文件：代码如下:张秋丽女 18李文才男 31李斯文男 22马英女 25孙红雷男 32欧阳俊雄男 28江琳女 23小小女 22aspx页面代码：代码如下:function loadXMLDoc(dname) {if (window.XMLHttpRequest) {xhtt...
ExtJS下书写动态生成的xml(兼容火狐)
10-27
综上所述，本文档介绍了一个在ExtJS框架下动态生成XML的实例，并深入讨论了与IE和Firefox浏览器兼容性处理的相关知识点。通过这篇文章，我们了解了处理不同浏览器兼容性的方法，以及在进行DOM操作时需要注意的各个...
JS解析XML实例分析
10-24
根据描述中的内容，文章详细分析了JavaScript针对不同浏览器，主要是IE浏览器和非IE浏览器（如Firefox、Chrome等），解析XML文件的方法。具体实现时，利用了JavaScript提供的内置对象DOMParser（在非IE浏览器中使用...
JS实现的跨浏览器解析XML文件实例
11-22
在Firefox、Opera 8.0+、Safari等非IE浏览器中，我们可以直接通过构造函数`new XMLHttpRequest()`创建XMLHttpRequest对象。而在Internet Explorer中，我们需要使用ActiveXObject，分别尝试`Msxml2.XMLHTTP`和`...
ajax 读取 xml,JS通过ajax动态读取xml文件内容的方法
weixin_35027170的博客
08-05 150
本文实例讲述了JS通过ajax动态读取xml文件内容的方法。分享给大家供大家参考。具体分析如下：下面的JS代码读取note.xml文件，并填充显示相关字段HTML文件代码如下function loadXMLDoc(url){var xmlhttp;if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarix...
兼容在IE和Firefox浏览器下操作XML(英)
备忘录
07-03 1148
本文摘自http://www.w3schools.com To read and update - create and manipulate - an XML document, you will need an XML parser.Microsofts XML ParserMicrosofts XML parser is a COM component that co
html可以自动读取xml吗,JavaScript读取xml文件的方法
weixin_39943547的博客
06-03 118
JavaScript是一种属于网络的脚本语言，通常通过嵌入在HTML中来实现自身的功能。XML文件格式是纯文本格式，在许多方面类似于HTML，XML由XML元素组成。JavaScript读取xml文件的方法：不同的浏览器对xml的解析方式不同，根据目前主流浏览器大致分三类：第一类，ie： js 提供用于创建 Automation对象的方法，new ActiveXObject("Microsoft....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值