下面代码去掉了ajax的部分，只简单的演示如何生成一个xml数据岛，以及如 何和html表格绑定，并显示出相关的链接信息。其中链接的href内容可以保存在 xml数据中，用datafld属性来处理。
<html xmlns=""> <head> <title>xml数据岛</title> </head> <script type="text/jscript">... //获取xml，实际应用中大多是ajax异步获取的 function getdata() ...{ var xmldata="<xml id="xmldata"><root>"; for(var i=0;i<5;i++) ...{ try ...{ var id="name"+i; var type="type"+i; xmldata+="<metadata><name>"+id+"</name> ;<type>"+type+"</type><href>javascript:aler t('"+id+"')</href></metadata>"; pointindex++; } catch(e) ...{ } } xmldata+="</root></xml>"; document.all.xmldatapanel.innerhtml=xmldata; } //简单的添加xml信息 function adddata() ...{ var xmldata= document.all.xmldatapanel.innerhtml; xmldata=xmldata.replace ("</root></xml>",""); xmldata+="<metadata><name>newname</name><type >newtype</type><href>javascript:alert('newname') </href></metadata>"; xmldata+="</root></xml>"; document.all.xmldatapanel.innerhtml=xmldata; } </script> <body> <button onclick="javascript:getdata();">获取数据 </button> <button onclick="javascript:adddata();">添加数据 </button> <div id="xmldatapanel"> </div> <div style="overflow: scroll; height: 180;width:180" align="center"> <div align="left"> <!--绑定,超链接的地方用 datafld属性,href的值也可以保存在 xml数据岛当中,比较灵活,可以使js函数或者一个url地址--> <table datasrc="#xmldata" border="1"> <tr> <td> <a datafld="href"><span datafld="name"></span></a> </td> <td> <span datafld="type"></span> </td> </tr> </table> </div> </div> </body> </html>
以上就是xml数据岛绑定时的超链接处理的示例代码分享的详细内容。