首页 > Web开发 > 详细

关于页码的js代码

时间:2020-02-29 14:14:05      阅读:59      评论:0      收藏:0      [点我收藏+]
<script type="text/javascript">
            function submitMessageForm(flag) {
                if (‘first‘ == flag) {
                    document.getElementById(‘page‘).value = 1;
                } else if (‘pre‘ == flag) {
                    var current = Number(document.getElementById(‘page‘).value);
                    if (current > 1) {
                        document.getElementById(‘page‘).value = current - 1;
                    }
                } else if (‘next‘ == flag) {
                    var current = Number(document.getElementById(‘page‘).value);
                    var last = Number(document.getElementById(‘last‘).value);
                    if (current < last) {
                        document.getElementById(‘page‘).value = current + 1;
                    }
                } else if (‘last‘ == flag) {
                    var last = Number(document.getElementById(‘last‘).value);
                    document.getElementById(‘page‘).value = last < 1 ? 1 : last;
                }
                document.getElementById(‘messageForm‘).submit();
            }
        </script>
                <div id="pagefy">
                    <ul>
                        <form id="messageForm" action="${pageContext.request.contextPath}/message/list.do" method="post">
                            <input type="hidden" id="page" name="page" value="${page}">
                            <input type="hidden" id="last" name="last" value="${last}">
                            <li><a href="javascript:void(0)" onclick="submitMessageForm(‘first‘)">首页</a></li>
                            <li><a href="javascript:void(0)" onclick="submitMessageForm(‘pre‘)">上一页</a></li>
                            <li><a href="javascript:void(0)">当前第${page}页</a></li>
                            <li><a href="javascript:void(0)" onclick="submitMessageForm(‘next‘)">下一页</a></li>
                            <li><a href="javascript:void(0)" onclick="submitMessageForm(‘last‘)">尾页</a></li>
                        </form>
                    </ul>
                </div>

 

关于页码的js代码

原文:https://www.cnblogs.com/shouyaya/p/12382589.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!