效果图：
创新互联是一家专注网站建设、网络营销策划、微信小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十多年以来，已经为上千家塔吊租赁各业的企业公司提供互联网服务。现在，服务的上千家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。
要点：
displayPage('#pageDiv','goPage','query',10,1,100);<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> <%String path = request.getContextPath();%> <%String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>用js实现的一个翻页。
使用场景：table中的数据通过ajax查询，查询完毕之后调用js生成翻页控件。
displayPage('#pageDiv','goPage','query',10,1,100);
page.js
/**
* divObj:显示翻页的div，默认body。如：#pageDiv
* inputId:跳转页面的id，默认goPage。如：goPage
* js:点击过之后执行js的方法名。默认query。如：query
* records:总页数，默认1。
* total：总记录数，默认0。
* page：当前页，默认1。
*/
function displayPage(divObj,inputId,js,records,page,total){
//设置默认值
divObj = divObj||"body";
inputId = inputId||"goPage";
js=js||"query";
records=records||1;
total=total||0;
page=page||1;
var str = "当前第 "+page+" 页";
str += " 共 "+records+" 页";
str += " 首页";
if(page>1){
str += " 上一页";
}else{
str += " 上一页";
}
if(page下一页";
}else{
str += " 下一页";
}
str += " 尾页";
str += " 跳转到 ";
str += " ";
$(divObj).empty();
$(divObj).append(str);
} 以上所述是小编给大家介绍的JavaScript实现翻页功能(附效果图)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持！