ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 使用JS读取XML(兼容IE和firefox)

使用JS读取XML(兼容IE和firefox)

原创 Linux操作系统 作者:iDotNetSpace 时间:2009-02-06 17:29:11 0 删除 编辑

这次准备使用JS来读取XML做一个例子来熟悉下,一共使用了一下几个技术:Json,array排序,读取xml,下面我就贴出代码:

第一部:我们需要学习如何判断浏览器的类型:

下面是几个主流的浏览器使用js的判断方法

function getOs()
{
     var sObject = "";
    if(navigator.userAgent.indexOf("MSIE")>0) {
         return "MSIE";  
    }
    if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
         return "Firefox";
    }
    if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
         return "Safari";
    }  
    if(isCamino=navigator.userAgent.indexOf("Camino")>0){
         return "Camino";
    }
    if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
         return "Gecko";
    } 
}

通过以上方法,大家可以取出浏览器的类型,根据浏览器的不同类型,我们使用不同的方式来实例化对象:

 

下面就是我写的所有代码,大家可以参考下:




    JS读取XMLDemo

   


        function NewInfoAction()
        {
            var dom;
            var type=1;                                         //默认为IE浏览器
            var data = new Array();                             //存储实体的数组    
            
            if(navigator.userAgent.indexOf("MSIE")>0)
            {
                dom = new ActiveXObject("Microsoft.XMLDOM");    //实例化dom对象
                /*
                    这个地方很多朋友不明白,我写详细点
                    设置异步处理
                    本函数不需要在XML文件读取完成之前进行任何操作,
                    因此关闭异步处理功能。
                */
                dom.async = false;                              
                dom.load("NewInfo.xml");                        //加载xml文件
                window.alert('IE');
            }
            else if(isFirefox=navigator.userAgent.indexOf("Firefox") > 0)
            {
                type=2;
                dom = document.implementation.createDocument("", "", null);         //火狐不支持ActiveXObject
                dom.async = false;
                dom.load("NewInfo.xml");
                /*  
                    这是火狐的另外一中加载xml的方式
                    var XmlHttp = new XMLHttpRequest() ;
                    oXmlHttp.open( "GET", "test.xml", false ) ;
                    oXmlHttp.send(null) ;
                    //oXmlHttp.responseXML就是xml对象了。
                */
            }
            else
            {
                window.alert('暂不识别该浏览器!');
                return;
            }
            
            if(dom)
            {
                var node;
                
                if(type == 1)   //判断是否为IE浏览器
                {
                    node = dom.documentElement.childNodes;      //这里的node大家可以理解为net中的表,方便大家理解
                    
                    for(var i=0;i                    {
                        var title = node[i].childNodes[0].text;                 //取出i行中的字段的值,大家这样理解更方便
                        var content = node[i].childNodes[1].text;
                        var date = node[i].childNodes[2].text;
                        data.push({title:title,content:content,date:date});     //在这里,我们使用使用json,把数据库存储在里面
                    }
                }
                else
                {   
                    var node = dom.getElementsByTagName("News");
                    for(var i=0;i

                    {

//                        window.alert(dom.getElementsByTagName("News")[i].childNodes[1].textContent);
//                        window.alert(dom.getElementsByTagName("News")[i].childNodes[3].textContent);
//                        window.alert(dom.getElementsByTagName("News")[i].childNodes[5].textContent);

                        var value = dom.getElementsByTagName("News")[i].textContent.split(' ');
                        var title = value[4];
                        var content = value[8];
                        var date = value[12];
                        data.push({title:title,content:content,date:date});     //在这里,我们使用使用json,把数据库存储在里面
                    }
                }
            }
            else
            {
                window.alert("dom对象为空,失败了!");
                return;
            }
            
            if(data.length != 0)
            {
                var shtml = '';
                for(var i=0;i                {

                    shtml += '

';
                    shtml += '
';
                    shtml += data[i].title;
                    shtml += '
';
                    shtml += '
';
                    shtml += '
';
                    shtml += data[i].content;
                    shtml += '
';
                    shtml += '
';
                    shtml += data[i].date;
                    shtml += '
';
                    shtml += '
';
                    shtml += '
';
                    shtml += '
';
                }
                document.getElementById('textDiv').innerHTML = shtml;
            }
            else
            {
                document.getElementById('textDiv').innerHTML = '没有信息!';
            }
        }
   







 

一下是xml的文件格式:



 
    今天要下雨
    今天确实下雨了
    2009-02-04
 

 
    今天出太阳
    今天确实出太阳了
    2009-02-03
 

 
    今天很无聊
    今天确实很无聊
    2009-02-02
 



 ok,大家把他们放到同一个文件夹里面就ok了。

 

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/12639172/viewspace-545462/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2008-01-04

  • 博文量
    2376
  • 访问量
    5355737