做开发久了,会越来越依赖框架,毕竟利用框架可以快速的完成工作任务,如常见的分页效果,只需要与后端配合,由后端返回总页数和当前第几页这两个参数传给一些框架的分页功能,就可以轻松的实现分页效果,那如果在不依赖框的情况下利用原生JS如何实现一个分页效果呢?接下来给大家分享一段分页代码实现下面的效果。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>原生JS实现分页效果</title>
<style>
a {
margin: 5px;
}
</style>
</head>
<body>
<div id="pagination"></div>
<script>
window.onload = function () {
page({
// 分页条容器
id: 'pagination',
// 当前页面