• JavaScript读取XML文件[整理]


    示例xml文件Test.xml
    <?xml version="1.0" encoding="gb2312"?>
    <root>
        
    <item>
          
    <txt>桦山涧自强不息</txt>
          
    <url>http://www.cnblogs.com/huashanlin/</url>
          
    <color>huashanlin</color>
        
    </item>
        
    <item>
          
    <txt>寻找我的爱人</txt>
          
    <url>http://www.cnblogs.com/huashanlin/</url>
          
    <color>blue</color>
        
    </item>
    </root>

    js读取xml文件的脚本示例:
    示例一:
    <SCRIPT LANGUAGE="JavaScript">
    var xdoc = new ActiveXObject("Microsoft.XMLDOM");
    xdoc.async
    ="true";
    xdoc.load(
    'mm.xml');
    nodes
    =xdoc.documentElement.childNodes;
    document.write(
    "<li>"+nodes.item(0).text+"</li><li>"+nodes.item(1).text+"</li>");
    </SCRIPT>

    示例二:
    <script type="text/javascript">
    //指定xml文件的来源地址
    var Url="austin.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> 
  • 相关阅读:
    vite.config.ts:下载相关依赖还是报没有相关声明错误 前端
    vue3开发(第一期):Vite2.0+Typescript+Vue3.2 前端
    Gitlab私有npm包构建 前端
    创建.eslintrc.js文件 前端
    vite2+Vue3+elementPlus+eslint
    快捷获取视频首页第一帧
    js 动画补间 Tween
    js 图片查看器
    javascript3d编辑器例子three.jsTHREE.js
    javascript 进度条例子
  • 原文地址:https://www.cnblogs.com/huashanlin/p/1125674.html
Copyright © 2020-2023  润新知