宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置: > 个人博客 > javascript

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

2016-10-13 00:16:48 点击量:62 标签: 收藏本文

[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> 

 

ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址:湖北省宜昌市伍家岗区东站二路6号三峡(宜昌)大数据产业园海洋馆二楼A203室