XML数据岛

最新推荐文章于 2019-06-11 17:24:00 发布

iteye_9782

最新推荐文章于 2019-06-11 17:24:00 发布

阅读量121

点赞数

分类专栏： javascript 文章标签： XML IE HTML

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在HTML页面中直接获取XML文件中的数据，此方法只可以在IE下使用

数据到在HTML文件中的显示方式

和SPAN标记捆绑
<span datasrc=”#数据源的名称” datafld=”某种标记或属性的名称” ></span>
和DIV标记捆绑
<div datasrc=”#数据源的名称” datafld=”某种标记或属性的名称”></div>
和INPUT标记捆绑
<input datasrc=”#数据源的名称” datafld=”某种标记或属性的名称”></input>
和TEXTAREA标记捆绑
<textarea datasrc=”#数据源的名称” datafld=”某种标记或属性的名称”></textarea>

数据岛的使用方式：

1.内嵌 <xml id=“xmlid”> … </xml>

2.外联 <xml id=“xmlid” src=“user.xml“ />

使用方法

创建一个user.xml文件，HTML中读取的数据来源于此文件

<root>
        <user>   
            <userName>中文</userName>   
            <email>male</email>   
            <age>27</age>   
            <tel>1234678</tel>   
</user>
</root>

创建HTML测试页

<html>   
  <head>   
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <xml id="xmlid" src="user.xml"/> 
  </head>   
  <body>   
    <table datasrc="#xmlid" border="1" >   
        <tr>   
            <td>UserName</td>   
            <td>Email</td>   
            <td>Age</td>   
            <td>Tel</td>   
        </tr>   
        <tr>   
            <td><span  datafld="userName" ></span></td>   
            <td><span  datafld="email" ></span></td>   
            <td><span  datafld="age" ></span></td>   
            <td><span  datafld="tel" ></span></td>   
        </tr>    
    </table>   
  </body>   
</html>

以上是外联方法