基于web的技术中，分页是一个老的不能再老的，但大家津津乐道的问题，随着xml技术的日渐应用，把xml应用到分页当中，也是一种可能，当然网上的教程很多，当我都是看得稀里糊涂，索性自己写一个，与大家分享、指正。
共有两个文件tmh.htm & tt.xml
源代码如下：
tmh.htm
___________________________________________________
New Document //****************变量相关定义**************//* 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="前一页"; return thePage;}function NextPage(page){ thePage="后一页"; if(page<pagesNumber) thePage="后一页"; return thePage;}function UpPageGo(){ if(page>0) page--; getContent(); BodyText=""; } //当前的页数function currentPage(){ var cp; cp="当前是第 "+(page+1)+" 页"; return cp;}//总共的页数function allPage(){ var ap; ap='总共 '+(pagesNumber+1)+' 页'; return ap}function NextPageGo(){ if (page=0) page--; if (page<pagesNumber) page++; getContent(); BodyText="";}function selectPage(){ var sp; sp=""; //sp=""; sp=sp+""; for (t=0;t<=pagesNumber;t++) { sp=sp+""+(t+1)+""; } sp=sp+"" return sp;}function getContent(){ if (!page) page=0; n=page*pagenum; endNum=(page+1)*pagenum; if (endNum>maxNum) endNum=maxNum; BodyText=header+BodyText; for (;n<endNum;n++) { BodyText=BodyText+""; for (m=0;m<=colNum-1;m++) { mName=column.item(m).tagName; BodyText=BodyText+("| "+xmlDoc.getElementsByTagName(mName).item(n).text+" | "); } BodyText=BodyText+"
" mm=""; } showhtml.innerHTML=BodyText+"
"+pageBar(page); BodyText=""}
if (maxNum==0) { document.write("没有检索到合适的人才信息") } else { getContent() }//下面是tt.xml的代码 海仔rautineerautinee@btamail.net.cn刚强heherautinee@chinamanagers.com金华刚nature_itrautinee_sea@hotmail.com的简强tanktank@163.com合资kakakaka@eyou.com加个人appleapple@163.comnullsunnyrautinee@eyou.com宝贝indexrautinee@21cn.comnullloginwebmaster@chinamanagers.comjiang123japing@chianmanagers.comnullworldrautinee@21cn.comnullswallowswallow@chinamanagers.com魏格hotmailrautinee_sea@hotmail.comnullwrongwrong@chinamanagers.comnullleahleah@chinamanagers.comnullttthrautinee@21cn.com
目前好像是只支持>IE5.0
以上就是详细介绍如何使用javascript+xml实现分页的内容，更多相关内容请关注PHP中文网（www.php.cn）！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1428901.html
微信扫一扫 
支付宝扫一扫 
