各位大侠们,我需要用一个html+js的文件去读一个 xml文件的内容:1、不知道怎么把xml中的jpg的内容在显示图片里;2、不知道怎么把上一页和下一页的地址从xml文件中读出来做链接地址。我的测试文件如下。大侠们帮我改一下吧。XML文件:
<?xml version="1.0"?>
<data>
<flashad>
<id>1</id>
<photo>图片地址</photo>
<mmtitle>标题</mmtitle>
<detail>内容</detail>
<adurl>http://www.baidu.com</adurl>
<jpg>1.jpg</jpg>
<nextPage>2.html</nextPage>
<PrevPage>99.html</PrevPage>
</flashad>
</data>HTML文件:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
<!--
function parseXML()
{
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e)
{
alert(e.message);
return;
}
}
xmlDoc.async=false;
xmlDoc.load("3.xml");
document.getElementById("1").innerHTML=xmlDoc.documentElement.nodeName //输出根节点
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)
{
if (x[i].nodeType==1)
{//Process only element nodes (type 1)
document.getElementById("2").innerHTML=x[i].nodeName //输出子节点
}
}
document.getElementById("id").innerHTML=xmlDoc.getElementsByTagName("id")[0].childNodes[0].nodeValue;
document.getElementById("photo").innerHTML=xmlDoc.getElementsByTagName("photo")[0].childNodes[0].nodeValue;
document.getElementById("mmtitle").innerHTML=xmlDoc.getElementsByTagName("mmtitle")[0].childNodes[0].nodeValue;
document.getElementById("tvname").innerHTML=xmlDoc.getElementsByTagName("tvname")[0].childNodes[0].nodeValue;
document.getElementById("detail").innerHTML=xmlDoc.getElementsByTagName("detail")[0].childNodes[0].nodeValue;
document.getElementById("adurl").innerHTML=xmlDoc.getElementsByTagName("adurl")[0].childNodes[0].nodeValue;
$("img1").src=varPic=xmlDoc.getElementsByTagName("jpg")[0].childNodes[0].nodeValue;
}</script>
</head>
<body onLoad="parseXML()">
<p><BR />
<span id="1"></span>:<span id="2"></span><br />
<b>id :</b> <span id="id"></span><br />
<b>photo:</b> <span id="photo"></span><br />
<b>mtitle:</b> <span id="mmtitle"></span><br />
<b>tvname:</b> <span id="tvname"></span><br />
<b>detail:</b> <span id="detail"></span><br />
<b>adurl:</b> <span id="adurl"></span></br> </br>
</br>
</br><img id ="img1"src="" width="300" height="300">
</br>
<img src="" width="300" height="300">
<p><a href="PrevPage">上一页</a> <a href="nextPage">下一页</a>
</html>
<?xml version="1.0"?>
<data>
<flashad>
<id>1</id>
<photo>图片地址</photo>
<mmtitle>标题</mmtitle>
<detail>内容</detail>
<adurl>http://www.baidu.com</adurl>
<jpg>1.jpg</jpg>
<nextPage>2.html</nextPage>
<PrevPage>99.html</PrevPage>
</flashad>
</data>HTML文件:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
<!--
function parseXML()
{
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e)
{
alert(e.message);
return;
}
}
xmlDoc.async=false;
xmlDoc.load("3.xml");
document.getElementById("1").innerHTML=xmlDoc.documentElement.nodeName //输出根节点
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)
{
if (x[i].nodeType==1)
{//Process only element nodes (type 1)
document.getElementById("2").innerHTML=x[i].nodeName //输出子节点
}
}
document.getElementById("id").innerHTML=xmlDoc.getElementsByTagName("id")[0].childNodes[0].nodeValue;
document.getElementById("photo").innerHTML=xmlDoc.getElementsByTagName("photo")[0].childNodes[0].nodeValue;
document.getElementById("mmtitle").innerHTML=xmlDoc.getElementsByTagName("mmtitle")[0].childNodes[0].nodeValue;
document.getElementById("tvname").innerHTML=xmlDoc.getElementsByTagName("tvname")[0].childNodes[0].nodeValue;
document.getElementById("detail").innerHTML=xmlDoc.getElementsByTagName("detail")[0].childNodes[0].nodeValue;
document.getElementById("adurl").innerHTML=xmlDoc.getElementsByTagName("adurl")[0].childNodes[0].nodeValue;
$("img1").src=varPic=xmlDoc.getElementsByTagName("jpg")[0].childNodes[0].nodeValue;
}</script>
</head>
<body onLoad="parseXML()">
<p><BR />
<span id="1"></span>:<span id="2"></span><br />
<b>id :</b> <span id="id"></span><br />
<b>photo:</b> <span id="photo"></span><br />
<b>mtitle:</b> <span id="mmtitle"></span><br />
<b>tvname:</b> <span id="tvname"></span><br />
<b>detail:</b> <span id="detail"></span><br />
<b>adurl:</b> <span id="adurl"></span></br> </br>
</br>
</br><img id ="img1"src="" width="300" height="300">
</br>
<img src="" width="300" height="300">
<p><a href="PrevPage">上一页</a> <a href="nextPage">下一页</a>
</html>
还有不知道怎么把xml中的jpg的内容在显示图片里什么意思