js分页（简单，暴力，迅捷）

水深无声 2022-02-15 08:48 202阅读 0赞

*  引入两个文件即可，js，css文件
 *  文件可以去码云上取
 *  [https://gitee.com/Feudallord/JSNativePaging][https_gitee.com_Feudallord_JSNativePaging]

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    	<link rel="stylesheet" href="myPagination.css" type="text/css" />
        
    </head>
    <body>
    <div id="pagination"  class="pagination" ></div>
    <script src="myPagination.js"></script>
    <script>
    
        window.onload = function () {
            new myPagination({
                id: 'pagination',
                curPage: 1, //初始页码
                pageTotal: 50, //总页数
                pageAmount: 10,  //每页多少条
                dataTotal: 500, //总共多少条数据
                pageSize: 5, //可选,分页个数
                showPageTotalFlag: true, //是否显示数据统计
                showSkipInputFlag: true, //是否支持跳转
                getPage: function (page) {
                    //获取当前页数
                    console.log(page);
                }
            })
    
        }
    
    </script>
    </body>
    </html>

[https_gitee.com_Feudallord_JSNativePaging]: https://gitee.com/Feudallord/JSNativePaging

发表评论取消回复

表情：

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

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

相关阅读

相关简单实现分页

实现分页！利用sql语句。 mysql的话就是利用limit ![这里写图片描述][SouthEast] 就在DAO类中增加有一个方法 findPage();

- 日理万妓/ 2022年07月13日 07:52/ 0 赞/ 266 阅读

相关 js分页

function initPagination(){ if(total == 0){ return; }

深碍√TFBOYSˉ_/ 2022年06月17日 12:39/ 0 赞/ 174 阅读

相关 php简单分页

php简单分页 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

骑猪看日落/ 2022年05月30日 09:18/ 0 赞/ 293 阅读

相关 vue 简单分页

vue 简单分页样式： .page-bar { -webkit-touch-callout: none; -web

谁借莪１个温暖的怀抱￠/ 2022年05月24日 08:00/ 0 赞/ 254 阅读

相关用原生js实现简单的分页

用原生js实现的一个简单的分页插件。 What ：上图吧： ![这里写图片描述][70] em…没错，它就是长这样。类似于各种页面搜索结果页的底部部分。

男娘i/ 2022年05月24日 02:52/ 0 赞/ 218 阅读

相关 Servlet简单分页

本文是参照易百教程上的[例子][Link 1]，觉得很有收藏价值，于是特记录一份数据库示例数据： DROP TABLE IF EXISTS `emplo

我不是女神ヾ/ 2022年05月22日 13:36/ 0 赞/ 215 阅读

相关 JS简单实现分页显示

> 完整代码源码可以在[这里][Link 1]下载 1.在 HTML文件建立列表目标节点和翻页器目标节点 <body>

冷不防/ 2022年04月05日 13:28/ 0 赞/ 395 阅读

相关 js分页（简单，暴力，迅捷）

引入两个文件即可，js，css文件文件可以去码云上取 [https://gitee.com/Feudallord/JSNativePaging][https

水深无声/ 2022年02月15日 08:48/ 0 赞/ 203 阅读

相关简单分页案例

我使用的是索引分页，这里我以ssh框架的分页用例讲解：分页类Page.java 1 public class Pager<T> { 2 priv

缺乏、安全感/ 2021年11月11日 03:24/ 0 赞/ 407 阅读

相关 php简单分页

<?php include('conn.php'); $sql = "select id from user"; //$totalsize = total...

灰太狼/ 2021年01月08日 14:33/ 0 赞/ 792 阅读