本文
介绍了javascript
模拟静态分页的
方法,供大家
参考:
此页不基于实时估计做出一些改变静态Javascript仿分页
功能刷新,因为分页内容目前需要的是作为一个字符串变量JS,利用这里的
数据读取数据到数据库中,不知道它的实用性,需要的朋友慢慢
调整。
运行效果如下图所示:
具体代码如下:
静态页面
{ *
字体大小:10.2pt;
字体:宋体;
线高度:150%;
}
divcontent。
{
border: 1px solid红;
背景颜色:# ffd2d3;
宽度:500px;
单词破解:全部中断;
保证金:10px 0px 10px;
填料:10px;
}
头
页脚
<!——
S =jQuery SimpleModal Ajax弹出对话框
插件,插件具有简洁的风格,设计风格古朴典雅,弹出
图片,弹出对话框,div包含HTML代码,有很多类似的效果,请根据自己的需要.. jQuery SimpleModal Ajax弹出对话框弹出插件,插件有简洁的风格,设计风格古朴典雅,弹出图片,弹出对话框,div包含HTML代码,有很多类似的效果,请根据自己的使用需求。;
功能dhtmlpagenation(内容){(本)
{
这个内容=内容;
这contentlength = content.length;
this.pagesizecount;
这perpagelength = 100;
这currentpage = 1;
这个regularexp = / D /;
this.divdisplaycontent;
这样的内容、风格、= null;
这strdisplaycontent = ;
this.divdisplaypagenation;
这strdisplaypagenation = ;
争论。长度= = 2perpagelength =论点{ 1 }:;
{试
divexecutetime = document.createelement(div);
document.body.appendchild(divexecutetime);
}
捕捉(e)
{
}
如果(document.getelementbyid(divcontent ))
{
divdisplaycontent = document.getelementbyid(divcontent );
}
其他的
{
尝试
{
divdisplaycontent = document.createelement(div);
divdisplaycontent。id =divcontent ;
document.body.appendchild(divdisplaycontent);
}
捕捉(e)
{
返回false;
}
}
如果(document.getelementbyid(divpagenation ))
{
divdisplaypagenation = document.getelementbyid(divpagenation );
}
其他的
{
尝试
{
divdisplaypagenation = document.createelement(div);
divdisplaypagenation。id =divpagenation ;
document.body.appendchild(divdisplaypagenation);
}
捕捉(e)
{
返回false;
}
}
dhtmlpagenation.initialize();
返回此;
} };
dhtmlpagenation。初始化=
函数(){(本)
{
divdisplaycontent classname =内容、风格、!= nullcontentstyle:divcontent ;
如果(contentlength <= perpagelength)
{
strdisplaycontent =内容;
divdisplaycontent .innerHTML = strdisplaycontent;
返回null;
}
pagesizecount = Math.ceil(((contentlength / perpagelength));
DHTMLpagenation.to (currentPage);
DHTMLpagenation.displayContent();
} };
dhtmlpagenation。displaypage =函数(){(本)
{
strdisplaypagenation =分页:;
如果(currentpagecurrentpage!= 1)
strdisplaypagenation + =;
其他的
strdisplaypagenation + = ;
对于(var i = 1;i < = pagesizecount;i++)
{
如果(i)!= currentpage)
strdisplaypagenation + =+我+;
其他的
strdisplaypagenation + =我+ ;
}
如果(currentpagecurrentpage!= pagesizecount)
strdisplaypagenation + =;
其他的
strdisplaypagenation + = ;
strdisplaypagenation + =普通+ pagesizecount + 页面,每一页的+ perpagelength + 字,调整字符数:;
divdisplaypagenation .innerHTML = strdisplaypagenation;
} };
dhtmlpagenation。以前=函数(){(本)
{
DHTMLpagenation.to(currentpage-1);
} };
dhtmlpagenation。下=函数(){(本)
{
DHTMLpagenation.to(currentpage + 1);
} };
dhtmlpagenation。=功能(icurrentpage){(本)
{
startime =新的
日期();
如果(regularexp.test(icurrentpage))
{
currentpage = icurrentpage;
strdisplaycontent = content.substr((currentpage-1)* perpagelength,perpagelength);
}
其他的
{
警报()页
参数错误!;
}
DHTMLpagenation.displayPage();
DHTMLpagenation.displayContent();
} };
dhtmlpagenation。displaycontent =函数(){(本)
{
divdisplaycontent .innerHTML = strdisplaycontent;
} };
dhtmlpagenation。变化=功能(iperpagelength){(本)
{
如果(regularexp.test(iperpagelength))
{
dhtmlpagenation perpagelength = iperpagelength;
dhtmlpagenation currentpage = 1;
dhtmlpagenation.initialize();
}
其他的
{
警报(请
输入号码);
}
} };
dhtmlpagenation(S,100);
希望本文能对大家的javascript
程序设计有所帮助。