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

水深无声 2022-02-15 08:48 239阅读 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 条评论，239人围观）

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

相关阅读

相关前端js简单的分页功能

* 首先看下效果 ![在这里插入图片描述][20190912163044785.png] * 只使用js编写一个简单分页, 话不多说直接上代码 * ...

桃扇骨/ 2024年04月18日 22:15/ 0 赞/ 96 阅读

相关原生js之简单数据分页

1. 最简单的数据分页 > 思想：点击下一页整体翻页，即页数整体+10（在该例中，实际上应整体加显示的页数对象的个数。），点击上一页整天向上翻页，即页数整体-10（同...

ゝ一纸荒年。/ 2024年04月17日 05:41/ 0 赞/ 101 阅读

相关简单实现分页

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

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

相关 js分页

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

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

相关 php简单分页

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

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

相关 vue 简单分页

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

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

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

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

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

相关 Servlet简单分页

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

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

相关 JS简单实现分页显示

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

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

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

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

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