用JavaScript读取本地XML文件

最新推荐文章于 2024-07-27 20:15:58 发布
最新推荐文章于 2024-07-27 20:15:58 发布
阅读量4.4k 收藏 8
点赞数 2
分类专栏： 【XML】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CharlesYooSky/article/details/52800491
版权

1. 本地XML文件：VehicleTest1.xml

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <Root>  
  3.   
  4.     <CurrentStatus>  
  5.         <LicensePlateNumber>鄂EA12345</LicensePlateNumber>  
  6.         <CurrentTime>2011-11-20</CurrentTime>  
  7.         <Speed>60Km/h</Speed>  
  8.         <Lon>10646270</Lon>  
  9.         <Lat>2955278</Lat>  
  10.     </CurrentStatus>  
  11.   
  12.     <CurrentStatus>  
  13.         <LicensePlateNumber>渝A77881</LicensePlateNumber>  
  14.         <CurrentTime>2010-03-21</CurrentTime>  
  15.         <Speed>88Km/h</Speed>  
  16.         <Lon>10646252</Lon>  
  17.         <Lat>2955755</Lat>  
  18.     </CurrentStatus>  
  19.   
  20.     <CurrentStatus>  
  21.         <LicensePlateNumber>渝A77882</LicensePlateNumber>  
  22.         <CurrentTime>2010-03-22</CurrentTime>  
  23.         <Speed>88Km/h</Speed>  
  24.         <Lon>10646200</Lon>  
  25.         <Lat>2956039</Lat>  
  26.     </CurrentStatus>  
  27.   
  28.     <CurrentStatus>  
  29.         <LicensePlateNumber>渝A77883</LicensePlateNumber>  
  30.         <CurrentTime>2010-03-23</CurrentTime>  
  31.         <Speed>88Km/h</Speed>  
  32.         <Lon>10646561</Lon>  
  33.         <Lat>2956337</Lat>  
  34.     </CurrentStatus>  
  35.   
  36.     <CurrentStatus>  
  37.         <LicensePlateNumber>渝A77884</LicensePlateNumber>  
  38.         <CurrentTime>2010-03-24</CurrentTime>  
  39.         <Speed>88Km/h</Speed>  
  40.         <Lon>10646526</Lon>  
  41.         <Lat>2957069</Lat>  
  42.     </CurrentStatus>  
  43.   
  44.     <CurrentStatus>  
  45.         <LicensePlateNumber>渝A77885</LicensePlateNumber>  
  46.         <CurrentTime>2010-03-25</CurrentTime>  
  47.         <Speed>88Km/h</Speed>  
  48.         <Lon>10644054</Lon>  
  49.         <Lat>2957487</Lat>  
  50.     </CurrentStatus>  
  51.   
  52.     <CurrentStatus>  
  53.         <LicensePlateNumber>渝A77886</LicensePlateNumber>  
  54.         <CurrentTime>2010-03-26</CurrentTime>  
  55.         <Speed>88Km/h</Speed>  
  56.         <Lon>10644055</Lon>  
  57.         <Lat>2957488</Lat>  
  58.     </CurrentStatus>  
  59.   
  60.     <CurrentStatus>  
  61.         <LicensePlateNumber>渝A77887</LicensePlateNumber>  
  62.         <CurrentTime>2010-03-27</CurrentTime>  
  63.         <Speed>88Km/h</Speed>  
  64.         <Lon>10644140</Lon>  
  65.         <Lat>2956412</Lat>  
  66.     </CurrentStatus>  
  67.   
  68.     <CurrentStatus>  
  69.         <LicensePlateNumber>渝A77888</LicensePlateNumber>  
  70.         <CurrentTime>2010-03-28</CurrentTime>  
  71.         <Speed>88Km/h</Speed>  
  72.         <Lon>10644311</Lon>  
  73.         <Lat>2954993</Lat>  
  74.     </CurrentStatus>  
  75.   
  76.     <CurrentStatus>  
  77.         <LicensePlateNumber>渝A77889</LicensePlateNumber>  
  78.         <CurrentTime>2010-03-29</CurrentTime>  
  79.         <Speed>88Km/h</Speed>  
  80.         <Lon>10645101</Lon>  
  81.         <Lat>2953410</Lat>  
  82.     </CurrentStatus>  
  83.   
  84.     <CurrentStatus>  
  85.         <LicensePlateNumber>渝A7788A</LicensePlateNumber>  
  86.         <CurrentTime>2010-03-30</CurrentTime>  
  87.         <Speed>88Km/h</Speed>  
  88.         <Lon>10646217</Lon>  
  89.         <Lat>2951990</Lat>  
  90.     </CurrentStatus>  
  91.   
  92. </Root>  
  93. 2. JavaScript代码：VehicleTest1.htm
    1. <html>  
    2. <head>  
    3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
    4. <title>javascript 读取 xml文件</title>  
    5. <SCRIPT LANGUAGE="JavaScript">  
    6.       
    7. var xmlDoc;                      /* DOM对象 */;  
    8. var objNodeList;                               /* 对象结点列表 */  
    9. var Node;                                           /* 以CurrentStatus为标记的结点 */  
    10. var LicensePlateNumber;             /* 车牌号码 */  
    11. var CurrentTime;                             /* 当前GPS时间 */  
    12. var Speed;                                        /* 车速 */  
    13. var Lon;                                             /* 经度 */  
    14. var Lat;                                              /* 维度 */  
    15.   
    16. function JavaScriptReadXML()  
    17. {  
    18.    
    19.  xmlDoc =  new ActiveXObject("Microsoft.XMLDOM");     /* 创建DOM对象 */  
    20.  xmlDoc.async= false;                                         /* 非异步加载模式 */  
    21.  xmlDoc.load('C:/VehicleTest1.xml');              /* 加载本地XML文件 */  
    22.   
    23. if (xmlDoc.parseError.errorCode != 0)           /* 解析XML文件内容 */  
    24.     {  
    25.    var myErr = xmlDoc.parseError;  
    26.    document.write("You have error " + myErr.reason);  
    27.      }   
    28. else   
    29. {  
    30.    objNodeList = xmlDoc.getElementsByTagName("CurrentStatus");  
    31.    for (var i=0; i<objNodeList.length; i++)                                                     /* 读取总的结点数 */  
    32.    {  
    33.       
    34.      Node = objNodeList[i];  
    35.      for( var k = 0; k < Node.childNodes.length; k++ )                               /* 各个结点逐个击破 */  
    36.      {  
    37.          if( Node.childNodes[k].nodeName == "LicensePlateNumber" )      /* 车牌号码 */  
    38.            LicensePlateNumber = Node.childNodes[k].text;      
    39.              
    40.            if( Node.childNodes[k].nodeName == "CurrentTime" )                      /* 当前GPS时间 */  
    41.            CurrentTime = Node.childNodes[k].text;  
    42.   
    43.            if( Node.childNodes[k].nodeName == "Speed" )                                  /* 车速 */  
    44.            Speed = Node.childNodes[k].text;    
    45.              
    46.            if( Node.childNodes[k].nodeName == "Lon" )                                       /* 经度 */  
    47.            Lon = Node.childNodes[k].text;    
    48.              
    49.            if( Node.childNodes[k].nodeName == "Lat" )                                          /* 维度 */  
    50.            Lat  = Node.childNodes[k].text;                    
    51.      }  
    52.        
    53.       document.write(LicensePlateNumber+"<br>");  
    54.       document.write(CurrentTime+"<br>");  
    55.       document.write(Speed+"<br>");     
    56.       document.write(Lon+"<br>");  
    57.       document.write(Lat+"<br>");     
    58.       document.write("<br>");     
    59.         
    60.    }   
    61. }  
    62. }  
    63.   
    64. </SCRIPT>  
    65. </head>  
    66. <body οnlοad="JavaScriptReadXML()" >  
    67. </body>  
    68. </html>  
    3. 读取结果：
    1. 鄂EA12345  
    2. 2011-11-20  
    3. 60Km/h  
    4. 10646270  
    5. 2955278  
    6.   
    7. 渝A77881  
    8. 2010-03-21  
    9. 88Km/h  
    10. 10646252  
    11. 2955755  
    12.   
    13. 渝A77882  
    14. 2010-03-22  
    15. 88Km/h  
    16. 10646200  
    17. 2956039  
    18.   
    19. 渝A77883  
    20. 2010-03-23  
    21. 88Km/h  
    22. 10646561  
    23. 2956337  
    24.   
    25. 渝A77884  
    26. 2010-03-24  
    27. 88Km/h  
    28. 10646526  
    29. 2957069  
    30.   
    31. 渝A77885  
    32. 2010-03-25  
    33. 88Km/h  
    34. 10644054  
    35. 2957487  
    36.   
    37. 渝A77886  
    38. 2010-03-26  
    39. 88Km/h  
    40. 10644055  
    41. 2957488  
    42.   
    43. 渝A77887  
    44. 2010-03-27  
    45. 88Km/h  
    46. 10644140  
    47. 2956412  
    48.   
    49. 渝A77888  
    50. 2010-03-28  
    51. 88Km/h  
    52. 10644311  
    53. 2954993  
    54.   
    55. 渝A77889  
    56. 2010-03-29  
    57. 88Km/h  
    58. 10645101  
    59. 2953410  
    60.   
    61. 渝A7788A  
    62. 2010-03-30  
    63. 88Km/h  
    64. 10646217  
    65. 2951990  

程序猿微刊
关注
专栏目录
JS读取本地XML(支持IE和火狐)
06-29
JS读取本地XML(支持IE和火狐) 绝对有用，不用弹出允许驱动提示！！！
JavaScript读取XML文件
ishuang的专栏
03-11 315
引用 http://www.cnblogs.com/huashanlin/archive/2008/03/27/1125674.html &nbsp; 示例xml文件Test.xml &lt;?xml&nbsp;version="1.0"&nbsp;encoding="gb2312"?&gt;&lt;root&gt;&nbsp;&nbsp;&nbsp;&nbsp;&am
【前端/js】使用js读取本地文件(xml、二进制)内容
最新发布
o0o
07-27 700
通过使用FileReader来读取本地文件内容，并使用DOMParser来解析xml或者html文件内容，亦或使用Uint8Array来处理二进制文件
JavaScript读取本地XML文件
数据库天地
11-03 401
1. 本地XML文件：VehicleTest1.xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;Root&gt; &lt;CurrentStatus&gt; &lt;LicensePlateNumber&gt;鄂EA12345&lt;/LicensePlateNumber&gt; &lt;CurrentTi
js读写本地xml文件
热门推荐
步满生错的专栏
08-04 1万+
js读写本地xml文件 相关程序参考自：http://blog.sina.com.cn/s/blog_62e88f3f0100u7nl.html JS操作读写本地xml文件 提示：xml存为test.xml，与html文件同一个文件夹。 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3
JavaScript操作XML文件之XML读取方法
10-24
本文将详细介绍如何在JavaScript中通过DOM（文档对象模型）技术读取XML文件内容，并对文件中的数据进行遍历。 首先，XML（Extensible Markup Language，可扩展标记语言）是一种标记语言，用于存储和传输数据。它是...
用javascript读取xml文件读取节点数据
12-09
下面代码是读取的节点数据，还有一种情况是读取节点属性数据。 <head> <title></title> [removed] var objLength = null; var xmlHttp; var strurl = ""; function ajaxrequst() { if ...
javascript读取Xml文件做一个二级联动菜单示例
10-23
在本示例中，我们将使用JavaScript来读取XML文件，并基于此数据构建一个二级联动菜单。二级联动菜单是一种常见的Web交互方式，它允许用户在选择了一个主选项（如省份）后，根据该选项的值来更新另一个列表（如城市）...
javascript读取xml文件
绝圣弃智-零的博客
03-28 933
假设我们现在要读取下面的 info.xml 文件 <?xml version="1.0" encoding="gb2312"?> <root> <data id="1"> <name>ceun</name> <age>21</age> </data> <data id="2"&...
Js读取xml
wyhappy612的专栏
08-28 1610
前段时间公司要求将网站首页改为HTML，因为首页有新闻调用，于是下面的程序正好用上。文件：austin.jsvar Url="austin.xml";var cdsales=new ActiveXObject("Microsoft.XMLDOM"); //创建XmlDom对象cdsales.async=true; //异步加载cdsales.load(Url);cdsa
js读取xml文件并获取文件内容
03-21
js读取xml文件并获取文件内容
js获取本地xml
11-13
js获取本地xml var xdoc = new ActiveXObject("Microsoft.XMLDOM"); xdoc.async="true"; xdoc.load('例10-6.XML'); nodes=xdoc.documentElement.childNodes; var txt=""+""+nodes.item(0).text+""+nodes.item(1).text+""+""; document.write(txt);
JavaScript读取xml
06-13
利用Javascript读取XML文件的示例，直接打开index.html文件即可看到效果
Javascript读取xml文件
10-28
关于javascript读取xml文件的，有需要的朋友可以下载
javascript读写XML文件
05-25
在前台页面调用javascript，读写XML文件
脚本操作xml
chxzly1981的专栏
10-12 2135
14.1  读取XML文件随着XML的流行，JavaScript开发者也迫切希望在客户端Web开发中应用XML，本节将介绍如何通过XML DOM对象和XMLHttpRequest对象读取XML文件。实例350   使用XML DOM对象读取XML文件实例说明 在制作网站时，有时需要在页面上显示商品或其他信息的列表，这时，如果是动态网站可以将列表信息保存到数据库中，但如果是静态网站，
javascript去读本地xml文件
燃木刀法
09-19 749
已下是讲xml本地数据文件作为数据源，使用javascript编写二级下拉菜单的
JavaScript操作XML文件(1)读取
java619
11-07 1258
/***************************************Author:Java619*Time:2006-11-07**************************************/假设我们现在要读取下面的 info.xml 文件 xml version="1.0" encoding="gb2312"?>root>  data id="1">    
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值