使用javascript+dom+xml实现分页

本文介绍了一种使用XML结合HTML实现网页分页的技术方案。通过解析XML文件内容,并利用JavaScript进行数据展示,实现了自定义的分页功能。文章提供了具体实现代码及详细步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

web的技术中,分页是一个老的不能再老的,但大家津津乐道的问题,随着xml技术的日渐应用,把xml应用到分页当中,也是一种可能。
共有两个文件tmh.htm & tt.xml
源代码如下:
tmh.htm
___________________________________________________











 
//****************变量相关定义**************
//* author:海仔 *
//* Email:rautinee@21cn.com *
//*本程序可自由传播使用,但请务必保留此信息 *
//****************************************
var pagenum=4; //每页显示几条信息 
var page=0 ;
var contpage ;
var BodyText="";
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM";
var mode="member";
var toolBar;
xmlDoc.async="false" 
xmlDoc.load("tt.xml"
//***************这个地方是你根据实际取得的字段名称来改了
header="   姓名   图标   IP地址   email     日期     ";

//检索的记录数
maxNum = xmlDoc.getElementsByTagName(mode).length
//每条记录的列数
column=xmlDoc.getElementsByTagName(mode).item(0).childNodes
//每条记录的列数
colNum=column.length
//页数
pagesNumber=Math.ceil(maxNum/pagenum)-1; 
pagesNumber2=Math.ceil(maxNum/pagenum); 
//上一个页面
function UpPage(page)
{
thePage="前一页";
if(page+1>1) thePage="


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值