xml ,javascript分页

本文介绍了一种使用XML存储用户数据,并通过HTML表格形式展示这些数据的方法。此外还提供了分页功能及如何在表格单元格中添加超链接的技术细节。

 

<xml id="users"> 
<userGroup> 
  
<user id="1"> 
    
<userid>user 1</userid> 
    
<name>name 1</name> 
  
</user> 
  
<user id="2"> 
    
<userid>user 2</userid> 
    
<name>name 2</name> 
  
</user> 
  
<user id="3"> 
    
<userid>user 3</userid> 
    
<name>name 3</name> 
  
</user> 
  
<user id="4"> 
    
<userid>user 4</userid> 
    
<name>name 4</name> 
  
</user> 
  
<user id="5"> 
    
<userid>user 5</userid> 
    
<name>name 5</name> 
  
</user> 
  
<user id="6"> 
    
<userid>user 6</userid> 
    
<name>name 7</name> 
  
</user> 
  
<user id="7"> 
    
<userid>user 7</userid> 
    
<name>name 7</name> 
  
</user> 
  
<user id="8"> 
    
<userid>user 8</userid> 
    
<name>name 8</name> 
  
</user> 
  
<user id="9"> 
    
<userid>user 9</userid> 
    
<name>name 9</name> 
  
</user> 
</userGroup> 
</xml> 


<table id="datatable" datasrc="#users" DATAPAGESIZE="3" width="400" border="1">
<thead>
    <th>数据 userid</th>
    <th>数据 name</th>
    <th>属性 id</th>
</thead>
<tr>
    <td><span datafld="userid"></span></td>
    <td><span datafld="name"></span></td>
    <td><span datafld="id"></span></td>
</tr>
</table>
<button onclick="document.all.datatable.previousPage()">Previous Page</button>
<button onclick="document.all.datatable.nextPage()">Next Page</button>
直接复制成.htm就行

如果你的xml在外部,则要引用xml

如(

<xml id="users" src="user.xml"></xml>如果你要添加超链接在(td)文本中,则使用


<a datafld="useid" onmouseover="if(this.changged ==  null) { this.href ='###.aspx?'+this.href; this.changed=true}"><span datafld="name"></sapn></a>

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值