js 分页

来源:互联网 发布:颜值高的手机 知乎 编辑:程序博客网 时间:2024/05/16 10:26

 

<div id="frameContent">这里是要显示的内容</div>
<div id="pages"></div>//一个空的ID 供JS用的
<script language="javascript">
var obj = document.getElementById("frameContent");//获取内容层
var pages = document.getElementById("pages");//获取翻页层
var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//获取页面数量
pages.innerHTML = "<b>共"+allpages+"页</b> ";//输出页面数量
for (var i=1;i<=allpages;i++){
    pages.innerHTML += "<a href=/"javascript:showPage('"+i+"');/">第"+i+"页</a> ";
//循环输出第几页
}
function showPage(pageINdex)
{
    obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);//根据高度,输出指定的页
}
</script>

 

区别

JS分页:数据全取出来,然后分页显示

limit    :取一部分(取当前页),然后全部显示

原创粉丝点击