JavaScript实现翻页功能（附效果图)

效果图：

要点：

displayPage('#pageDiv '，' goPage '，' query '，10，1，100)；#pageDiv是显示翻页的差异名称goPage。是跳转到后面的文本输入框的id，如果有需要可以根据* 这个参数直接赋值查询。是查询的方法名称。 10是总页数一是当前页数100是总条数%@页面语言=' Java ' ContentType=' text/html；charset=UTF-8 "页面编码="UTF-8"% %字符串路径=请求。getcontextpath()；% %字符串基本路径=请求。getscheme()' ://'请求。getservername()“:”请求。getserverport()“路径”/；% script src=' http :/easy ui/jquery-easy ui-1。4 .3/jquery。量滴js '/script script src=' http :页面。js '/脚本函数查询(查询页面){//Ajax查询表格需要的数据var查询页面=查询页面| | 1；console.log('查询页='查询页面')；//重新生成pageDiv displayPage('#pageDiv '，' goPage '，' query '，10，1，100)；}/脚本正文按钮onclick=' query()'查询/buttondiv用射流研究…实现的一个翻页br/使用场景：表格中的数据通过创建交互式、快速动态网页应用的网页开发技术查询，查询完毕之后调用射流研究…生成翻页控件。br/predisplayPage('#pageDiv '，' goPage '，' query '，10，1，100)；/pre/div br/div id=' PageDiv '/div/body page。射流研究…

/** * divObj:显示翻页的div，默认身体。如：# pageDiv * inputId:跳转页面的id，默认goPage。如：goPage * js:点击过之后执行射流研究…的方法名。默认查询。如：查询*记录：总页数，默认1。*总计：总记录数，默认0。*页面：当前页，默认1。*/函数显示页面(divObj，inputId，js，记录，页面，合计){ //设置默认值div obj=div obj | | ' body input tid=input tid | | ' goPagejs=js | | " query "；记录=记录| | 1;total=total | | 0；page=page | | 1；var str='当前第span name='page'' page '/span页；str='共span name='total '记录/span页；str=' a href=' JAVAScript : void(0)' onclick=' js '(1)首页/a '；if(page 1){ str=' a href=' JavaScript : void(0)' onclick=' js '('(page-1)')'上一页/a '；}else{ str=' a上一页/a '；} if(page records){ str=' a href=' JAVAScript : void(0)' onclick=' js ' ('第一页) ')下一页/a '；}else{ str=' a下一页/a '；} str=' a href=' JavaScript : void(0)' onclick=' js '(' records ')尾页/a '；str='跳转到输入类型=' number ' min=1 max=' records ' id=' input TiD ' value=' page ' style=' width :40 px '/'；str=' input type=' button ' value=' go ' onclick=' var num=$(\ ' # ' input tid ' \ ').val()；js '(num)'/'；$(divObj).empty()；$(divObj).追加（字符串);}以上所述是小编给大家介绍的Java脚本语言实现翻页功能（附效果图),希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！