六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

JS读取本地的XML文件

Admin | 2012-6-6 8:55:16 | ReadNums | 13675 | 标签 网页制作 | 打印本页
     

  要想让JS读取本地的XML代码,得具备这样的条件,一般情况下,需要一个JS文件,一个XML文件,最后这两个文件就放在相同的路径下,这样方便调用。

  一、XML文件代码示例

  <?xml version="1.0" encoding="gb2312"?>
  <root>
    <item>
      <txt>六合开奖结果现场直播</txt>
      <url>www.mysticcool.com</url>
      <color>green</color>
    </item>
    <item>
      <txt>大众三七网</txt>
      <url>www.dz37w.com</url>
      <color>blue</color>
    </item>
  <item>
      <txt>第三条信息</txt>
      <url>第三条信息的网址</url>
      <color>Red</color>
    </item>
    <item>
      <txt>第四条信息</txt>
      <url>第四条信息的网址</url>
      <color>green</color>
    </item>
  </root>

  二、JS文件的代码

  <script type="text/javascript">
  //指定xml文件的来源地址
  var Url="MyXml.xml";
  //创建XmlDom对象
  var cdsales=new ActiveXObject("Microsoft.XMLDOM");
  //设定XmlDom对象将采取异步调用的方式加载数据
  cdsales.async=true; //异步加载
  //加载xml文件
  cdsales.load(Url);
  cdsales.onreadystatechange= new function LoadedSales(){
      var txt="";
      if(cdsales.readyState==4){
       if(cdsales.parseError.errorCode != 0){
        txt="err";
       }
       else{
        var bi=cdsales.documentElement.selectNodes("item");
        if(bi!=null&&bi.length>0){
         for(var i=0;i<bi.length;i++){
          txt+="<li><a href="+bi[i].childNodes[1].text+" style=color:"+bi[i].childNodes[2].text+">"+bi[i].childNodes[0].text+"</a></li>"+"<li>"+bi[i].childNodes[2].text+"</li>";
         }
        }
        else{
         txt="LoadingErr";
        }
       }
      }
      else{
       txt="Loading.";
      }
      document.write(txt);
  }
  </script>

  把上面的代码,直接保存成为一个HTML文件,双击使用即可看到效果,注意,打开该HTML网页文件的时候,一定要允许阻止的内容,方能看到结果。

  上面的JS代码比较多,如果你是想验证简单结果,可使用如下的简洁的JS代码:

  <SCRIPT LANGUAGE="JavaScript">
  var xdoc = new ActiveXObject("Microsoft.XMLDOM");
  xdoc.async="true";
  /xdoc.load('MyXml.xml');
  nodes=xdoc.documentElement.childNodes;
  document.write("<li>"+nodes.item(0).text+"</li><li>"+nodes.item(1).text+"</li>");
  </SCRIPT>


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日