`
redwave
  • 浏览: 39982 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

XML数据岛

阅读更多

在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>

 以上是外联方法

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics