如何利用html显示xml文档中的内容

html-css09

如何利用html显示xml文档中的内容,第1张

要是直接标签也显示出来的话以前搞过一次。方法比较笨也没怎么研究,就是拼接出这样的便签

假如您的节点是这样固定的话例

var

xmlList="

"+取动态值+"

"

xmlList

+="

"+取动态值+"

"

xmlList

+="

"+取动态值+"

"

...依次拼接出来

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

script type="text/javascript" language="javascript">

var xmlDoc = checkXMLDocObj('../openClass.xml')//读取到xml文件中的数据

var a = document.getElementsByTagName("a")//获取所有的A标签

$(document).ready(function () {

var nodes

if($.browser.msie){ // 注意各个浏览器之间的区别

nodes = xmlDoc.getElementsByTagName('collage')[0].childNodes//读取XML文件中需要显示的数据

}

else if (isFirefox=navigator.userAgent.indexOf("Firefox")>0){

nodes = xmlDoc.getElementsByTagName('collage')[0].children//读取XML文件中需要显示的数据

}

else{

nodes = xmlDoc.getElementsByTagName('resource')

}

for (var i = 0i <a.lengthi++) {

if (a[i].parentNode.nodeName == "SPAN") {

for (var j = 0j <nodes.lengthj++) {

var resource = nodes[j]

var url = resource.getAttribute('url')

var href=$(a[i]).attr("href")

if (href == url) {

var count = resource.getAttribute('click')

var span = document.createElement("div")

var str = document.createTextNode("点击率:" + count)

span.appendChild(str)

var div = a[i].parentNode.parentNode

div.appendChild(span)

break

}

}

}

}

})

$(function(){ //通过get请求,将点击率增加

$(a).mousedown(function(){

var href = $(this).attr("href")

$.get("../receive.ashx",{url:href,rd:Math.random()}, function (msg) {

})

})

})

</script>

H5edu教育html5开发为您解答:

xml文件中可以自由的使用自定义标签,html文件中同样可以使用自定义标签,但有几个注意事项:

必需设置<html>标签的xmlns属性。例如,可以这样声明:<html xmlns:article>。

这是因为html文件有一个默认的“名字空间”,<div>,<p>等标签就处在这个默认的“名字空间”中.

很显然,这个默认的“名字空间”中并不包含我们的“自定义标签”,因此我们只能自己定义一个“名字空间”,让“自定义标签”处在这个自定义的“名字空间”中.

经过我的尝试,自定义名字空间不可以使用中文。例如,这样声明:<html xmlns:名字空间>是错误的

在使用自定义标签时,应该使用<namespace:自定义标签>这样的形式,不能写成<自定义标签>这样的形式。