在html页面中显示xml文档中的信息

我想要做的是从html文档中读取这个xml文档，并在网页上显示内容。如何将xml文档中的信息导入到html文档中。在html页面中显示xml文档中的信息

<?xml version="1.0"?> 
<Family> 
<Mom>Alison</Mom> 
<age>44</age> 
<son>Ian</son> 
<age>8</age> 
<son>Seth</son> 
<age>4</age> 
</Family>

=========================================== ======================================= 这是我的网页代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
<title>Randy's second html web page !</title> 
<style type="text/css"> 
body {background-image:url('Koala.gif');} 
h1 
{ 
text-align:center; 
font-size:600%; 
} 
h2 
{ 
text-align:center; 
font-size:300%; 
color:maroon 
} 
p 
{ 
text-align:center; 
font-size:250%; 
color:#00ff00; 
} 
div 
{ 
background-color:#efffff; 
} 
a 
{ 
text-align:center; 
} 
th 
{ 
background-color:green; 
} 
tr 
{ 
background-color:green; 
} 
table 
{ 
width: 200px; 
margin-left: auto; 
margin-right: auto; 
} 
#google-link 
{ 
margin: 0 right; 
display: block; 
font-size:250%; 
color:#00ff00; 
} 
#Mail-link 
{ 
margin: 0 auto; 
display: block; 
font-size:250%; 
color:#00ff00; 
text-decoration:underline; 
position:fixed; 
top:30px; 
right:5px; 
} 
</style> 
</head> 
<body> 
<h1> Family</h1> 
<h2> By: Randy White</h2> 
<P> Things are great here are the names of my family</P> 
<P><img src="Hydrangeas.jpg" width="150" height="100" alt="Hydrangeas.jpg"></P> 
<table border="1"> 
<tr> 
<th>Month</th> 
<th>Day</th> 
<th>Year</th> 
</tr> 
<tr> 
<td>December</td> 
<td>13</td> 
<td>2010</td> 
</tr> 
</table> 
<a id="google-link" href="http://www.google.com">Visit Google!</a> 
<a id="Mail-link" href="mailto:[email protected]">Contact Me!</a> 
</body> 
</html>

来源

2011-01-13 user770022

你有什么样的系统阅读XML源文件？你有一个脚本读取XML并处理文件？浏览器是否直接访问该文件？ – Karmastan 2011-01-13 18:13:15

有几种方法可以去这样做：

使用XSL将XML文档转换成另一种文档类型（HTML）。请参阅w3schools.com：http://w3schools.com/xsl/default.asp
使用javascript（jQuery使这非常容易）将xml值加载到网页的各个部分。看到类似http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery或http://api.jquery.com/jQuery.ajax/

来源

2011-01-13 18:15:47 cvolny

在第1项中，'XLS'应该是'XSL'或'XSLT'。 – 2011-01-13 18:25:31

在html页面中显示xml文档中的信息

回答

相关问题