视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > 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. { 
  6. try //Internet Explorer 
  7.   { 
  8.   xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); 
  9.   } 
  10. catch(e) 
  11.   { 
  12.   try //Firefox, Mozilla, Opera, etc. 
  13.     { 
  14.     xmlDoc=document.implementation.createDocument("","",null); 
  15.     } 
  16.   catch(e) 
  17.     { 
  18.     alert(e.message); 
  19.     return; 
  20.     } 
  21.   } 
  22. xmlDoc.async=false; 
  23. xmlDoc.load("/example/xmle/note.xml"); 
  24. document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue; 
  25. document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue; 
  26. document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue; 
  27. } 
  28. </script> 
  29. </head> 
  30.  
  31. <body onload="parseXML()"> 
  32. <h1>W3Schools Internal Note</h1> 
  33. <p><b>To:</b> <span id="to"></span><br /> 
  34. <b>From:</b> <span id="from"></span><br /> 
  35. <b>Message:</b> <span id="message"></span> 
  36. </p> 
  37. </body> 
  38. </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> 

 

热门文章推荐

请稍候...

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

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