·您当前的位置:首页 > 技术教程 > JavaScript >

[JS]用js解析和加载xml文件实例源代码

时间:2014-07-14 10:29酷播
[JS]用js来加载xml文件实例源代码

[JS]用js解析和加载xml文件实例源代码

  1. <html> 
  2. <head> 
  3. <script type="text/javascript"> 
  4. function parseXML() 
  5. try //Internet Explorer 
  6.   { 
  7.   xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); 
  8.   } 
  9. catch(e) 
  10.   { 
  11.   try //Firefox, Mozilla, Opera, etc. 
  12.     { 
  13.     xmlDoc=document.implementation.createDocument("","",null); 
  14.     } 
  15.   catch(e) 
  16.     { 
  17.     alert(e.message); 
  18.     return; 
  19.     } 
  20.   } 
  21. xmlDoc.async=false
  22. xmlDoc.load("/example/xmle/note.xml"); 
  23. document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue; 
  24. document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue; 
  25. document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue; 
  26. </script> 
  27. </head> 
  28.  
  29. <body onload="parseXML()"> 
  30. <h1>W3Schools Internal Note</h1> 
  31. <p><b>To:</b> <span id="to"></span><br /> 
  32. <b>From:</b> <span id="from"></span><br /> 
  33. <b>Message:</b> <span id="message"></span> 
  34. </p> 
  35. </body> 
  36. </html> 

XML文件

  1. <?xml version="1.0" encoding="ISO-8859-1" ?>  
  2. <note> 
  3.   <to>George</to>  
  4.   <from>John</from>  
  5.   <heading>Reminder</heading>  
  6.   <body>Don't forget the meeting!</body>  
  7.   </note> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器