分页

桃扇骨 2022-04-08 11:23 264阅读 0赞

<script type="text/javascript">
    		//提交表单，传送页码
    		function page_nav(frm,num){
    			document.getElementById("pageIndex").value=num;/* frm.pageIndex.value=num; */
    			frm.submit();
    		}
    		function jump_to(frm,pageno,pageIndex){
    			
    			var reg=/^[0-9]\d*$/;
        		if(!reg.test(pageno)){
        			alert("请输入正确数字");	
        			page_nav(frm,pageIndex);
        		}else if(pageno<1){
        			alert("页数不能小于1");	
        			page_nav(frm,pageIndex);
        			
        		}else{
        			page_nav(frm,pageno);
        		}	
    		}
    		
    </script>
    
    </body>
    	<div>
            <form method="post" action="/bbs/servlet/IndexLeftTopBoxContent" id="pagingSearchForm">
                <input type="hidden" name="pageIndex" id="pageIndex" value="1"/>
            </form>
    
            <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),1)" id="zsc">首页</a>
            <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${pageIndex-1})">上一页</a>
    
            <div id="inde">
                <c:if test="${pageIndex-3>0 && pageIndex+2<totalPage}">
                    <c:forEach begin="${pageIndex-2}" end="${pageIndex+2}" varStatus="index">
                        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>  
                        <c:if test="${index.current==pageIndex}">
                            <script type="text/javascript">
                                var doun=document.getElementsByName("index");
                                doun[2].style.borderStyle="none";
                                doun[2].style.fontWeight="bold";
                                doun[2].style.color="red";
                            </script>
                        </c:if>
                    </c:forEach>
                </c:if>
                <c:if test="${pageIndex-3>0 && pageIndex+2>=totalPage}">
                    <c:forEach begin="${pageIndex-2}" end="${totalPage}" varStatus="index">
                        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>  
                        <c:if test="${index.current==pageIndex}">
                            <script type="text/javascript">
                                var dod=document.getElementsByName("index");
                                dod[2].style.borderStyle="none";
                                dod[2].style.fontWeight="bold";
                                dod[2].style.color="red";
                            </script>
                        </c:if>
                    </c:forEach>
                </c:if>
                <c:if test="${pageIndex-3<=0 && pageIndex+2<totalPage}">
                    <c:if test="${totalPage>=5 }">
                        <c:forEach begin="1" end="5" varStatus="index">
                            <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>  
                            <c:if test="${index.current==pageIndex}">
                                <script type="text/javascript">
                                    var dod=document.getElementsByName("index");
                                    for(var j=0;j<dod.length;j++){
                                        dod[${pageIndex-1}].style.borderStyle="none";
                                        dod[${pageIndex-1}].style.fontWeight="bold";
                                        dod[${pageIndex-1}].style.color="red";
                                    }
    
                                </script>
    
                            </c:if>
                        </c:forEach>
                    </c:if>
                    <c:if test="${totalPage<5 }">
                        <c:forEach begin="1" end="${totalPage}" varStatus="index">
                            <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>  
                            <c:if test="${index.current==pageIndex}">
                                <script type="text/javascript">
                                    var dod=document.getElementsByName("index");
                                    for(var j=0;j<dod.length;j++){
                                        dod[${pageIndex-1}].style.borderStyle="none";
                                        dod[${pageIndex-1}].style.fontWeight="bold";
                                        dod[${pageIndex-1}].style.color="red";
                                    }
    
                                </script>
    
                            </c:if>
                        </c:forEach>
                    </c:if>
                </c:if>
                <c:if test="${pageIndex-3<=0 && pageIndex+2>=totalPage}">
                    <c:forEach begin="1" end="${totalPage}" varStatus="index">
                        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>  
                        <c:if test="${index.current==pageIndex}">
                            <script type="text/javascript">
                                var dod=document.getElementsByName("index");
                                for(var j=0;j<dod.length;j++){
                                    dod[${pageIndex-1}].style.borderStyle="none";
                                    dod[${pageIndex-1}].style.fontWeight="bold";
                                    dod[${pageIndex-1}].style.color="red";
                                }
    
                            </script>
                        </c:if>
                    </c:forEach>
                </c:if>
            </div>
    
            <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${pageIndex+1})">下一页</a>
            <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${totalPage})">尾页</a>     
    
    
            <form method="post" action="/bbs/servlet/IndexLeftTopBoxContent" id="pagSearchForm" >
                跳转至<input type="text" name="pageIndex" id="pageIn" value="" style="width:30px"/>页
                <a href="javaScript:jump_to(document.getElementById('pagSearchForm'),document.getElementById('pageIn').value,${pageIndex})">GO</a>
            </form>
        </div>
    </body>

发表评论取消回复

表情：

评论列表（有 0 条评论，264人围观）

还没有评论，来说两句吧...

相关阅读

相关前端分页（vue前端分页，el分页，el-pagination分页，饿了吗分页）

简述：作为一名前端开发者，分页功能我们经常会用到，但有时候后端会把数据一次性给我们，需要我们自己处理数据，做前端分页，下面给大家介绍如何实现，其实很简单，就是使用数组的sli

缺乏、安全感/ 2023年10月04日 21:52/ 0 赞/ 59 阅读

相关 Java的PDF分页操作：分页读取、分页拆分

本文以Java示例展示读取PDF分页读取、分页拆分的方法。 1、分页读取 1.1 [Maven][]仓库下载导入在pom.xml中配置maven路径，指定依赖，

旧城等待，/ 2023年09月30日 12:36/ 0 赞/ 32 阅读

相关分页

mysql分页：select \ from 表 limit (pageNo-1)\pageSize,pageSize; oracle分页：select a.\ (select

柔光的暖阳◎/ 2022年11月28日 10:29/ 0 赞/ 259 阅读

相关 PHP实现分页：文本分页和数字分页

来源：[http://www.ido321.com/1086.html][http_www.ido321.com_1086.html] 最近，在项目中要用到分页。分页功

左手的ㄟ右手/ 2022年08月13日 11:59/ 0 赞/ 376 阅读

相关分页

1、分页监听器 web.xml <listener> <listener-class> com.xxxxx.dhm.portalMS.c

比眉伴天荒/ 2022年08月06日 06:04/ 0 赞/ 282 阅读

相关分页

[几种分页方法效率比较][Link 1] ASP.net 的DataGrid 控件的内置分页功能一直不被看好，原因是它先把所有数据从数据库读出来再进行分页。在数据量很大的

短命女/ 2022年07月14日 23:14/ 0 赞/ 293 阅读

相关分页介绍；分页的种类，分页的原理

1.1．分页介绍问题:为什么分页? 因为数据量比较大，为了用户有更好的体验。一般情况下，数据在展示时都会进行分页操作。分页的种类分页有两种: 1.物理

超、凢脫俗/ 2022年06月06日 12:49/ 0 赞/ 385 阅读

相关 easyUI 分页前端分页与后端分页

前端分页初始化datagrid时加上Filter $('tabL'+currentCatalogId).datagrid({ loadFilter: pa

心已赠人/ 2022年05月19日 06:07/ 0 赞/ 394 阅读

相关分页

package com.tts.dao.imple; import java.util.List; import java.util.Map;

野性酷女/ 2022年05月16日 06:11/ 0 赞/ 277 阅读

相关分页

<script type="text/javascript"> //提交表单，传送页码 function page_nav(frm,num){

桃扇骨/ 2022年04月08日 11:23/ 0 赞/ 265 阅读