当前位置:首页 » 网站技术 » JavaScript

Javascript分页代码

...

做网站的人都经常会遇到一个问题,就是分页,有几种情况需要进行分页:1、列表页面,每个列表页面显示的记录数不可能是无限的,如果记录数成百上千,就要考虑分页了,不可能全部显示在一个页面上;2、如果一篇文章大长,那么都显示在一个页面上,网页打开时会很慢,现时阅读体验不好,需要分开几页来展示;3、其他分页情况。

分页有很多种解决方案,可以用ASP、PHP等代码进行分页,这是一种最常见的解决方案。也可以使用javascript脚本来实现,下面的代码就是Javascript实现分页。

JS分页代码(BY AIRZEN modified 2004/05/13)如下:


<script language="javascript" type="text/javascript" >
function showpage(url,num,c_p)
{
if (num<8)
{
stnum=num
}
else
{
stnum=8
}
for (i=1;i<=stnum;i++)
{
if (i==c_p){
document.write (i+" ");
}else{
document.write ("<a href='"+url+"&page="+i+"'>"+i+"</a>"+" ");
}
}
document.write ("..."+"<a href='"+url+"&page="+num+"'>"+num+"</a>"+" ");
}
</script>

调用示例:
<script language="javascript" type="text/javascript" >
showpage("123.asp?id=5",10,5)
</script>
<script language="javascript" type="text/javascript" >
showpage("123.asp?id=5",5,2)
</script>

继续阅读
javascript三种对话框使用方法
网页拖拽效果的JavaScript实现代码
发表评论

昵称:
最新评论
暂时没有评论!