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

[JS]利用js将读取到的xml文件中的数据显示到html文档上

时间:2015-05-29 08:42酷播
[JS]利用js将读取到的xml文件中的数据显示到html文档上

[JS]利用js将读取到的xml文件中的数据显示到html文档上

  1. <script type="text/javascript" language="javascript"> 
  2.         var xmlDoc = checkXMLDocObj('../openClass.xml');//读取到xml文件中的数据 
  3.         var a = document.getElementsByTagName("a");//获取所有的A标签 
  4.         $(document).ready(function () { 
  5.               var nodes; 
  6.             if($.browser.msie){ // 注意各个浏览器之间的区别 
  7.              nodes = xmlDoc.getElementsByTagName('collage')[0].childNodes; //读取XML文件中需要显示的数据 
  8.              }  
  9.              else if (isFirefox=navigator.userAgent.indexOf("Firefox")>0){ 
  10.                 nodes = xmlDoc.getElementsByTagName('collage')[0].children; //读取XML文件中需要显示的数据 
  11.              } 
  12.              else{ 
  13.                 nodes = xmlDoc.getElementsByTagName('resource'); 
  14.              } 
  15.              
  16.              for (var i = 0; i < a.length; i++) { 
  17.                 if (a[i].parentNode.nodeName == "SPAN") { 
  18.                     for (var j = 0; j < nodes.length; j++) { 
  19.                         var resource = nodes[j]; 
  20.                         var url = resource.getAttribute('url'); 
  21.                         var href=$(a[i]).attr("href"); 
  22.                         if (href == url) { 
  23.                             var count = resource.getAttribute('click'); 
  24.                             var span = document.createElement("div"); 
  25.                             var str = document.createTextNode("点击率:" + count); 
  26.                             span.appendChild(str); 
  27.                             var div = a[i].parentNode.parentNode; 
  28.                             div.appendChild(span); 
  29.                             break; 
  30.                         } 
  31.                     } 
  32.                 } 
  33.             } 
  34.         }); 
  35.                 $(function(){ //通过get请求,将点击率增加 
  36.                  $(a).mousedown(function(){ 
  37.                              var href = $(this).attr("href"); 
  38.                             $.get("../receive.ashx",{url:href,rd:Math.random()}, function (msg) { 
  39.                              
  40.                             }); 
  41.                         }) 
  42.         })   
  43.     </script> 

 

热门文章推荐

请稍候...

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

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