没有数据库的PHP分页?
我想使用PHP创建一个没有数据库的简单分页。有没有可能在没有数据库的情况下对我目前拥有的内容进行分页?如果是这样的话,有人能指出一个教程或什么吗 HTML没有数据库的PHP分页?,php,pagination,Php,Pagination,我想使用PHP创建一个没有数据库的简单分页。有没有可能在没有数据库的情况下对我目前拥有的内容进行分页?如果是这样的话,有人能指出一个教程或什么吗 HTML <div> 1 </div> <div> 2 </div> <div> 3 </div> <div> 4 </div> <div> 5 </div> <div> 6 </div> &l
<div> 1 </div>
<div> 2 </div>
<div> 3 </div>
<div> 4 </div>
<div> 5 </div>
<div> 6 </div>
<div> 7 </div>
<div> 8 </div>
<div> 9 </div>
<div> 10</div>
<div> 11</div>
<div> 12</div>
<a href="#" id="loadMore">Next Page</a>
JS
body {
background-color: #f6f6f6;
width: 400px;
margin: 60px auto;
margin-top: 5px;
font: normal 13px/100% sans-serif;
color: #444;
}
div {
display:none;
padding: 10px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #fff;
box-shadow: 0 1px 1px #ccc;
margin-bottom: 5px;
background-color: #f1f1f1;
}
.totop {
position: fixed;
bottom: 10px;
right: 20px;
}
.totop a {
display: none;
}
a, a:visited {
color: #33739E;
text-decoration: none;
display: block;
margin: 10px 0;
}
a:hover {
text-decoration: none;
}
#loadMore {
padding: 10px;
text-align: center;
background-color: #33739E;
color: #fff;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #fff;
box-shadow: 0 1px 1px #ccc;
}
#loadMore:hover {
background-color: #fff;
color: #33739E;
}
(function() {
var divElements = [].slice.call(document.querySelectorAll("div"));
var loadMore = document.querySelector('#loadMore');
var divNumber = 2;
loadMore.addEventListener('click', function(e) {
e.preventDefault();
for (var i = 0; i < divNumber; i++) {
window.scrollTo(0,document.body.scrollHeight);
if (i < divElements.length) {
divElements[i].style.display = 'block';
}
if (i >= divElements.length) {
loadMore.innerHTML = "Load Completed";
return;
}
}
divElements.splice(0, divNumber);
});
})();
loadMore.click();
(函数(){
var divElements=[].slice.call(document.queryselectoral(“div”));
var loadMore=document.querySelector(“#loadMore”);
var-divNumber=2;
loadMore.addEventListener('click',函数(e){
e、 预防默认值();
对于(变量i=0;i=divElements.length){
loadMore.innerHTML=“加载完成”;
返回;
}
}
divElements.拼接(0,divNumber);
});
})();
loadMore.click();
你的意思是什么?像这样但没有MySQL的东西。是的,你不需要数据库,如果你把所有的数据都存储在一个文件或什么的话。你可以渲染它的一部分。如果您需要一些代码方面的帮助,请更具体一些。您可能想查看history.pushState和js之类的内容:)关于堆栈溢出,已经有很多答案提供了客户端分页示例。可以找到@Populus的一个很好的答案