您的位置:
成都3c购物 >>
资讯中心 >> 使用javascript+xml实现分页-JavaScript教程
使用javascript+xml实现分页-JavaScript教程
转载自:互联网 作者:cd3c.com
您正在看的JavaScript教程是:使用javascript+xml实现分页。
基于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
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
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
getContent();
&nbs
[1] [2] [3] 下一篇