js实现分页

JavaScript020

js实现分页,第1张

然后计算出一共分为几页

计算开始显示的行数,和最后显示的行数

遍历显示数据实现分页

实现最下方的显示,第几页,上一页,下一页

当前页为第一页时,上一页没有点击事件

当前页为最后一页时,下一页没有点击事件

否则,上一页和下一页均可使用,点击某一页会跳转到那一页

到此,分页效果已经实现了。

原则上像这样的功能,应该直接在asp中完成,而不是在前端通过js来实现,这纯属脱裤子放屁。

下面是修改后的代码,不再需要js:

<i id="pronumber"><%for i = 1 to n%><a href="<%=filename%>?page=<%=i%>&<%=url%>"><span<%if i=int(request("page")) then%>style="background:redcolor:#fff"<%end if%>><%=i%></span></a><%next%></i>

另外,html标签的id是具有唯一性的,也就是说每个标签的id是不能相同的。如果出现相同,那么只有第一个才能被js找到。你的这些span都用了相同的id,所以样式始终被匹配到第一个span中。这就是你的代码的错误所在。此种情况应该用class而不是用id,class(类)是允许重复的。