我目前碰到问题是XML中的数据(就是CHINA的图片及各图片下的文字:如中国-北京等)不能正确显示在HTML页中,我是利用DOM技术做的,以下是我的源程序,希望您能抽出您宝贵的时间帮我看下问题到底出在哪里, 真心的非常感谢!
FirstPage.xml <?xml version="1.0" encoding=gb2312"?>
<!--2008北京申奥实例首页文档-->
<申奥2008>
<网页主题>申办2008年奥运会</网页主题>
<申奥城市>
<城市>中国-北京</城市>
<网页>SecondPage.html</网页>
</申奥城市>
<申奥城市>
<城市>法国-巴黎</城市>
<网页>France.html</网页>
</申奥城市>
<申奥城市>
<城市>加拿大-多伦多</城市>
<网页>Canada.html</网页>
</申奥城市>
<申奥城市>
<城市>土耳其-伊斯坦布尔</城市>
<网页>Turkish.html</网页>
</申奥城市>
<申奥城市>
<城市>日本-大阪</城市>
<网页>Japan.html</网页>
</申奥城市>
</申奥2008>
FirstPage.html
<HTML>
<HEAD>
<TITLE>2008北京申奥实例首页的基本框架</TITLE>
<STYLE>
@import url(FirstPage.css);
</STYLE>
<SCRIPT language="JavaScript" for="window" event="onload">
<!-- 注释一: 载入XML文档FirstPage.xml -->
var XMLdoc=new ActiveXObject("Microsoft.XMLDOM");
XMLdoc.async="false";
XMLdoc.load("FirstPage.xml");
<!-- 注释二: 创建根节点对象实例 -->
var XMLroot=XMLdoc.documentElement;
<!-- 注释三: 提取关于北京的信息 -->
L2_Nodegroup=XMLroot.childNodes;
L2_Node1=L2_Nodegruop.item(1);
L3_Nodegroup=L2_Node1.childNodes;
L3_Nodeg0=L3_Nodegroup.item(0);
L3_Nodeg1=L3_Nodegroup.item(1);
str1=L3_Node0.text;
str2=L3_Node1.text;
Text1.innerHTML="<A id='A' href='"+srt2+"'>"+str1+"</A>";
<!-- 注释四: 提取关于巴黎的信息 -->
L2_Node2=L2_Nodegruop.item(2);
L3_Nodegroup=L2_Node2.childNodes;
L3_Nodeg0=L3_Nodegroup.item(0);
str3=L3_Node0.text;
L3_Nodeg1=L3_Nodegroup.item(1);
str4=L3_Node1.text;
Text2.innerHTML="<A id='A' href='"+srt4+"'>"+str3+"</A>";
<!-- 注释五: 此处将放置提取其他三个申奥城市相关信息的脚本 -->
for(var i=3;i<L2_Nodegroup.length;i++)
{
L2_Node3=L2_Nodegruop.item(i);
L3_Nodegruop=L2_Node3.childNodes;
L3_Node0=L3_Nodegroup.item(0);
str5=L3_Node0.text;
L3_Node1=L3_Nodegroup.item(1);
str6=L3_Node1.text;
switch(i)
{
case 3:Text3.innerHTML="<A id='A1' href="+str6+">"+str5+"</A>;
case 4:Text4.innerHTML="<A id='A1' href="+str6+">"+str5+"</A>;
case 5:Text5.innerHTML="<A id='A1' href="+str6+">"+str5+"</A>;
}
}
</SCRIPT>
</HEAD>
<BODY>
<SPAN id="total">
<DIV id="title1">2008 申奥</DIV>
<DIV id="img"><IMG src="olympic.jpg"></DIV>
<DIV id="title2">五大城市</DIV>
<DIV id="China">
<A href="SedondPage.html>/DIV>
<IMG src="China.jpg" width="200" height="140"/>
</A>
</DIV>
<DIV id="France">
<A href="France.html">
<IMG src="France.jpg" width="200" height="140"/>
</A>
</DIV>
<DIV id="Canada">
<A href="Canada.html">
<IMG src="Canada.jpg" width="200" height="140"/>
</A>
</DIV>
<DIV id="Turkish">
<A href="Turkish.html">
<IMG src="Turkish.jpg" width="200" height="140"/>
</A>
</DIV>
<DIV id="Japan">
<A href="Japan.html">
<IMG src="Japan.jpg" width="200" height="140"/>
</A>
</DIV>
<DIV id="Text1"></DIV>
<DIV id="Text2"></DIV>
<DIV id="Text3"></DIV>
<DIV id="Text4"></DIV>
<DIV id="Text5"></DIV>
</SPAN>
</BODY>
<HTML>
FirstPage.css
#total {display:block;
position:absolute;
top:5px;
left:10px;
width:760px;
height:470px;}
#title1,#title2,#img
{display:block;
position:absolute;
font-family:华方楷体;
font-size:28;
font-weight:bold;
letter-spacing:2;
text-decoration:underling;
color:purple;}
#title1 {top:5%;left:27.5%}
#title2 {top:5%;left:77.5%}
#img {top:0%;left:52.5%}
#China,#France,#Canada,#Turkish,#Japan
{display:block;
position:absolute;}
#China {top:52.5%;left:45%}
#France {top:20%;left:5%}
#Canada {top:20%;left:85%}
#Turkish {top:85%;left:5%}
#Japan {top:85%;left:85%}
#Text1,#Text2,#Text3,#Text3,#Text4,#Text5
{display:block;
position:absolute;}
#Text1 {top:73%;left:41%;}
#Text2 {top:36%;left:9%;}
#Text3 {top:36%;left:77%;}
#Text4 {top:90%;left:6%;}
#Text5 {top:90%;left:79%;}
附:我对_innerhtml 和src. span 等关键字不是很理解,另外把CSS源程序附上,不知道是不是在CSS里也有错误,这也是本人下周要交的程序.急死我了,调了很久都不出来.请各位高手指教!
[返回] 中文XML论坛 - 专业的XML技术讨论区 →
XML.ORG.CN讨论区 - XML技术 → 『 XML基础 』 → [求助]请教将XML的数据通过DOM接 口到HTML里正确显示的问题
(订阅本版)
2006/3/31 16:22:00
新浪微博
[求助]请教将XML的数据通过DOM接 口到HTML里正确显示的问题
