javascript模拟静态分页方法

javascript模拟静态分页方法
本文介绍了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程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部