数据岛的运用

数据岛是指存在于HTML页面中的XML代码。数据岛允许你在HTML页面中集成XML，对XML编 写脚本，而不需要通过脚本或<OBJECT>标签读取XML。几乎所有能够存在于一个结构完整 的XML文档中的东西都能存在于一个数据岛中。包括处理指示、DOCTYPE声明和内部子集 。（注意，编码串不能放在数据岛中。)
<XML>元素标记数据岛的开始，它的ID属性提供了一个可以用来引用数据岛的名称。

<scriptlanguage="javascript">...
varxmlID="xmlcmbtree";
varcmbPrefix="xmlcmb";
varnMaxLevel=3;
vartblName="tbl";
functionCreateList(nLevel)
...{
vardoc=document.all("xmlcmbtree").documentElement;

varnodes,nIndex,node;
nodes=doc.childNodes;
for(vari=1;i<nLevel;i++)
...{
nIndex=document.all(cmbPrefix+i).selectedIndex;
node=nodes[nIndex];
nodes=node.childNodes;
}

varcmb=document.all(cmbPrefix+nLevel);
if(!cmb)
...{
cmb=document.createElement("SELECT");
cmb.id=cmbPrefix+nLevel;
cmb.onchange=newFunction("ChangeSelection("+nLevel+")");

//document.body.appendChild(cmb);
varcell=document.all(tblName).rows[1].insertCell();
cell.appendChild(cmb);


cell=document.all(tblName).rows[0].insertCell();

varlabel=document.createElement("SPAN");
label.style.fontWeight="bold";
label.style.color="red";
label.innerHTML=nodes[0].nodeName+":";

cell.appendChild(label);

//document.body.insertBefore(label,cmb)

}

cmb.options.length=0;



for(i=0;i<nodes.length;i++)
...{
varopt=newOption(nodes[i].getAttribute("text"),nodes[i].getAttribute("value"));
cmb.options.add(opt);
}

ChangeSelection(nLevel);
}

functionChangeSelection(nLevel)
...{
if(nLevel<nMaxLevel)
CreateList(nLevel+1);
}

</script>
<bodyonload="CreateList(1);">
<!--用JSP生成就可以了!-->
<xmlid="xmlcmbtree">
<country>
<provincetext="JiangSu"value="JiangSu">
<citytext="NanJing"value="NanJing">
<streettext="XinJieKou"value="XinJieKou"/>
<streettext="DongJiaXiang"value="DongJiaXiang"/>
</city>
<citytext="SuZhou"value="SuZhou">
<streettext="GuanQianJie"value="GuanQianJie"/>
<streettext="ReMinLu"value="ReMinLu"/>
</city>
</province>
<provincetext="Beijing"value="Beijing">
<citytext="Beijing"value="Beijing">
<streettext="XinJieKou"value="XinJieKou"/>
<streettext="SiHuanLu"value="SiHuanLu"/>
<streettext="XueYuanLu"value="XueYuanLu"/>
</city>
</province>
<provincetext="HeiBei"value="HeiBei">
<citytext="ShiJiaZhuang"value="ShiJiaZhuang">
<streettext="RenMinLu"value="RenMinLu"/>
</city>
</province>
</country>
</xml>
<tableid="tbl"border="1"cellspacing="0"cellpadding="0"">
<tr></tr>
<tr></tr>
</table>
</body>