使用没有第三方插件的纯JavaScript创建分页的最简单方法是什么?

时间:2017-11-17 06:25:23

标签: javascript arrays oop plugins pagination

我想知道任何自定义的JavaScript框架,它可以在一个html页面中多次使用。

1 个答案:

答案 0 :(得分:1)

我们可以使用许多第三方分页库,但是我们无法使用任何外部依赖项会有一些项目限制。记住这一点,我创建了一个用于分页的自定义JavaScript插件。您会发现这很容易理解,也可以自定义。 ;)

以下是一些使用的代码示例:

var array1 = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16'];
var array2 = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45','46','47','48','49','50'];

var p1 = new Pagination(
           document.getElementById('abc'),
           array1,
           function(index, el){
              console.log(index, el);
           });
var p2 = new Pagination(document.getElementById('mno'), array2);

您可以在此Plnkr链接上找到完整示例。