当前位置：首页 -> 技术开发 -> XML专区 -> 使用javascript+xml实现分页

使用javascript+xml实现分页

时间： 2021-07-31 作者：daque

基于web的本事中，分页是一个老的不许再老的，但巨匠津津乐道的标题，随着xml本事的日渐应用，把xml应用到分页傍边，也是一种大约，纵然网上的教程很多，当我都是看得稀里隐晦，安逸自己写一个，与巨匠分割、矫正。国有两个文件tmh.htm & tt.xml源代码如次：tmh.htm___________________________________________________<!doctype html public "-//w3c//dtd html 4.0 transitional//en"><html><head><title> new document </title><meta name="generator" content="editplus"><meta name="author" content=""><meta name="keywords" content=""><meta name="description" content=""><link rel="stylesheet" href="../website.css" type="text/css"></head><body><script language="javascript"> //****************变量联系树立**************//* 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="<table border=1><tr><td>全名</td><td>图标</td><td>ip场合</td><td>email</td><td></td><td>日子</td><td></td><td></td></tr>";//检索的记录数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="<a href='#' onclick='javascript:return uppagego()'>前一页</a>"; return thepage;}function nextpage(page){ thepage="后一页"; if(page<pagesnumber) thepage="<a href='#' onclick='javascript:return nextpagego()'>后一页</a>"; 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<pagesnumber) page++; getcontent(); bodytext="";} //表白分页情景栏function pagebar(page){ var pb; pb=uppage(page)+" "+nextpage(page)+" "+currentpage()+" "+allpage()+selectpage(); return pb;}function changepage(tpage){ page=tpage if(page>=0) page--; if (page<pagesnumber) page++; getcontent(); bodytext="";}function selectpage(){ var sp; sp="<select name='hehe' onchange='javascript:changepage(this.options[this.selectedindex].value)'>"; //sp="<select name='hehe' onchange='alert(this.options[this.selectedindex].value)'>"; sp=sp+"<option value=''></option>"; for (t=0;t<=pagesnumber;t++) { sp=sp+"<option value='"+t+"'>"+(t+1)+"</option>"; } sp=sp+"</select>" 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+"<tr>"; for (m=0;m<=colnum-1;m++) { mname=column.item(m).tagname; bodytext=bodytext+("<td>"+xmldoc.getelementsbytagname(mname).item(n).text+"</td>"); } bodytext=bodytext+"</tr>" mm=""; } showhtml.innerhtml=bodytext+"</table>"+pagebar(page); bodytext=""}</script> <div id="showhtml"></div><script>if (maxnum==0) { document.write("没有检索到适合的人才动静") } else { getcontent() }</script></body></html>//下面是tt.xml的代码<?xml version="1.0" encoding="gb2312"?><rautinee><member id='1'> <name>海仔</name><loginname>rautinee</loginname><email>rautinee@btamail.net.cn</email></member><member id='2'><name>顽固</name><loginname>hehe</loginname><email>rautinee@chinamanagers.com</email></member><member id='3'><name>金华刚</name><loginname>nature_it</loginname><email>rautinee_sea@hotmail.com</email></member><member id='4'><name>的简强</name><loginname>tank</loginname><email>tank@163.com</email></member><member id='7'><name>共同</name><loginname>kaka</loginname><email>kaka@eyou.com</email></member><member id='6'><name>加局部</name><loginname>apple</loginname><email>apple@163.com</email></member><member id='8'><name>null</name><loginname>sunny</loginname><email>rautinee@eyou.com</email></member><member id='10'><name>废物</name><loginname>index</loginname><email>rautinee@21cn.com</email></member><member id='12'><name>null</name><loginname>login</loginname><email>webmaster@chinamanagers.com</email></member><member id='13'><name>jiang</name><loginname>123</loginname><email>japing@chianmanagers.com</email></member><member id='14'><name>null</name><loginname>world</loginname><email>rautinee@21cn.com</email></member><member id='15'><name>null</name><loginname>swallow</loginname><email>swallow@chinamanagers.com</email></member><member id='16'><name>魏格</name><loginname>hotmail</loginname><email>rautinee_sea@hotmail.com</email></member><member id='17'><name>null</name><loginname>wrong</loginname><email>wrong@chinamanagers.com</email></member><member id='18'><name>null</name><loginname>leah</loginname><email>leah@chinamanagers.com</email></member><member id='19'><name>null</name><loginname>ttth</loginname><email>rautinee@21cn.com</email></member></rautinee>姑且有如是只辅助>ie5.0纵然你有什么好的本事和校正，请来函汇报我，感动。ok ,just enjoy it ,and good luck

使用javascript+xml实现分页

相关推荐

推荐下载

热门阅览

最新排行