使用Bootstrap前端分页的JavaScript该怎么写？

<nav>
  <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>

项目是Html的，而不是类似Jsp的服务端动态模板，后端采用物理分页，也就是说除了一个list对象集合，还有一个总条数total和当前页数pageNo（pageSize默认固定前后端都为10），不太会javaScript，求有写好的同学和前辈分享下或提供一些参考资料，谢谢大家了~

---

total用于显示总数，total和每页显示的数目可以计算总共多少页。
可以每一个a标签的href赋值herf=?page=1用于在后端获取当前的页面进行取值。

---

如果题主问的不是楼上说的加载数据的解决方法，那就是点击左右两边显示其他的页数的问题咯？简单的方法就不用设什么超出隐藏了，既然固定死了左右各五个，默认实现五个，一共十个，那就通过点击左右两边的方法，直接改变中间五个标签里的值咯，左右就是加载0到5，右边就是加载6到10。如果是加载数据，就是楼上说的给链接加后缀咯，根据相应的后缀 ，用ajax加载相应的数据嘛。