1,内嵌XML数据
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html;charset=gb2312″>
<title>第一次亲密接触(非 七彩Crystal 版,请不要理解为侵权)</title>
</head>
<body>
<xml id=”第一次亲密接触”>
<第一次亲密接触>
<对象>xml</对象>
<亲密程度>接触到XML稍微宝贵的地方—数据岛</亲密程度>
<结论>感觉不错,是个好东东</结论>
</第一次亲密接触>
</xml>
<center><h1>第一次亲密接触</h1></center>
<table border=”0″ datasrc=”#第一次亲密接触” align=”center” width=”443″>
<tr>
<td bgcolor=”#99FF99″>对象: <span datafld=”对象”></span></td>
<td bgcolor=”#3399CC”>亲密程度:<span datafld=”亲密程度”></span></td>
<td bgcolor=”#CC99CC”>结论: <span datafld=”结论”></span></td>
</tr>
</table>
</body>
</html>
2.外部xml文件的引用
首先利用以前的知识建立一个XML文件(不是我懒,给你们一个机会锻炼^^)
涉及到以下<xml></xml>中的数据内容
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html;charset=gb2312″>
<title>第一次亲密接触(非痞子蔡版,请不要理解为侵权)</title>
</head>
<body>
<xml id=”第一次亲密接触” src=”firstlove.xml”>
<第一次亲密接触>
<对象>xml</对象>
<亲密程度>接触到XML稍微宝贵的地方数据岛</亲密程度>
<结论>感觉不错,是个好东东</结论>
</第一次亲密接触>
</xml>
<center><h1>第一次亲密接触</h1></center>
<table border=”0″ datasrc=”#第一次亲密接触” align=”center”>
<tr>
<td bgcolor=”#99FF99″>对象: <span datafld=”对象”></span></td>
<td bgcolor=”#3399CC”>亲密程度:<span datafld=”亲密程度”></span></td>
<td bgcolor=”#CC99CC”>结论: <span datafld=”结论”></span></td>
</tr>
</table>
</body>
</html>
我们可以通过指定XML文件位置来引用她,一般通过src=＂XXX.xml＂引用.
==============================================================
以下内容为 七彩Crystal 编写 ：） xml结合js 做的一个日志文件 顺便说句 这种绑定的方法目前只有IE支持
HTML页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>七彩Crystal ← ≈忘了￠怎么◆cry◆≈ ← 7crystal.com</title>
<link href="/common/css/base.css" rel="stylesheet" type="text/css" />
<script src="/js/base.js" type="text/javascript"></script>
<script src="/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
var xmlurl = location.search.substr(1);
var xmlt = "XML日志：第"+xmlurl+"篇" //日志标题
var xmlurlup = xmlurl * 1 - 1
var xmlurldown = xmlurl * 1 + 1
var xmlrznumber = 1
</script>
<style type="text/css">
.lianjiecs {
width:625px;
margin:10px auto;
}
.lianjiecs a {
display:block;
width:25px;
float:left;
line-height:150%;
}
</style>
</head>
<body class="m_960" id="htmlxml">
<script type="text/javascript">document.getElementById('htmlxml').innerHTML = "<xml id=\"CrystalXML\" src=\"xml/"+xmlurl+".xml\"></xml>";</script>
<!--header begin-->
<script type="text/javascript" src="/js/htmlheader.js"></script>
<!--header end-->
<div id="content">
<div id="left">
<div class="Corner"> <b class="line1"></b><b class="line2"><b></b></b><b class="line3"><b></b></b><b class="line4"><b></b></b></div>
<table border="0" cellpadding="0" cellspacing="0" datasrc="#CrystalXML" width="100%">
<tr>
<td><div datafld="xmltitle" class="Corner-Title" style="text-align:center; font-size:18px; font-weight:bold; line-height:150%;"></div>
<div class="Corner-Content" style="text-align:right; padding-right:5px; line-height:150%; background-color:#C5ECF3; border-top:2px dotted #CCCCCC;">来源：<span datafld="xmllaiyuan"></span> | 作者：<span datafld="xmlzuozhe"></span> | 时间：<span datafld="xmltime"></span> <span>
<script type="text/javascript">
if (xmlurl*1 >1) {
document.write(" <a href=\"/xcss/rz.html?"+xmlurlup+"\">上一篇</a>");
}
if (xmlurl*1 >1 && xmlurl*1 < xmlrznumber ){
document.write(" | ");
}
if (xmlurl*1 < xmlrznumber ) {
document.write("<a href=\"/xcss/rz.html?"+xmlurldown+"\">下一篇</a>");
}
</script>
</span> </div>
<div class="Corner-Content ArticleContent" datafld="xmlneirong"> </div></td>
</tr>
</table>
<div class="Corner"> <b class="line4"><b></b></b><b class="line3"><b></b></b><b class="line2"><b></b></b><b class="line1"></b></div>
<div class="lianjiecs">
<script type="text/javascript">
var i=1
for (i=1;i<=xmlrznumber;i++){
document.write("<a href=\"/xcss/rz.html?"+i+"\">"+i+"</a>")
}
</script>
</div>
</div>
<div id="right">
<script type="text/javascript" src="/js/htmlright.js"></script>
</div>
</div>
<!--footer begin-->
<script type="text/javascript" src="/js/htmlfooter.js"></script>
<!--footer end-->
</body>
</html>
<script type="text/javascript">document.title = xmlt + CryTitle</script><!--输出标题-->
XML数据
<?xml version="1.0" encoding="gb2312"?>
<Crystal>
<xmltitle>常用的CSS命名规则</xmltitle>
<xmllaiyuan>≈忘了￠怎么◆cry◆≈</xmllaiyuan>
<xmlzuozhe>七彩Crystal</xmlzuozhe>
<xmltime>2007.11.20</xmltime>
<xmlneirong> 头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
</xmlneirong>
</Crystal>
演示地址：http://www.7crystal.com/v2.0/xcss/rz.html?1 可参考此页面