用js实现两个按钮效果，上一页 下一页，点上一页按钮页面跳转到上一页，点下一页按钮页面跳转到下一页。
发布网友
发布时间：2022-04-22 08:12
共5个回答
懂视网
时间：2022-04-22 12:33
//本例子摘自phpbuilder.com
//稍加翻译
//<sprming@netease.com>
$limit=20; // 每页显示的行数
$numresults=mysql_query("select * from TABLE where YOUR CONDITIONAL HERE order by WHATEVER");//换成你所需要的sql语句
$numrows=mysql_num_rows($numresults);
// next determine if offset has been passed to script, if not use 0
if (empty($offset)) {
$offset=1;
}
// 得到查询结果
$result=mysql_query("select id,name,phone ".
"from TABLE where YOUR CONDITIONAL HERE ".
"order by WHATEVER limit $offset,$limit");
// 现在显示查询结果
while ($data=mysql_fetch_array($result)) {
// 在这里插入您要显示的结果以及样式
}
// 显示按钮
if ($offset！=1) { // bypass PREV link if offset is 1
$prevoffset=$offset-20;
print "<a href="$PHP_SELF?offset=$prevoffset">上一页</a> ";
}
// 计算页面数
$pages=intval($numrows/$limit);
// $pages now contains int of pages needed unless there is a remainder from division
if ($numrows%$limit) {
// has remainder so add one page
$pages++;
}
for ($i=1;$i<=$pages;$i++) { // 显示页数
$newoffset=$limit*($i-1);
print "<a href="$PHP_SELF?offset=$newoffset">$i</a> ";
}
// check to see if last page
if (!(($offset/$limit)==$pages) && $pages!=1) {
// not last page so give NEXT link
$newoffset=$offset+$limit;
print "<a href="$PHP_SELF?offset=$newoffset">下一页</a><p> ";
}
?>
热心网友
时间：2022-04-22 09:41
这是典型的分页，你这个布局是有点问题的。分页的页是动态创建出来的。
HTML：<div id="div1"></div>直接一个DIV就行，是分页的容器！下面是一个分页的例子的代码。我建议你还是网上找一套关于JavaScript分页的视频来看，看完自然就懂了。
window.onload = function(){var oBox=document.getElementById('box');
var aDiv=oBox.getElementsByTagName('div');
page({
id : 'div1',
nowNum : 1,
allNum : 15,
callBack : function(now,all){
alert('当前页:' + now +',总共页:'+all)
}
});
};
function page(opt){
if(!opt.id){return false};
var obj = document.getElementById(opt.id);
var nowNum = opt.nowNum || 1;
var allNum = opt.allNum || 5;
var callBack = opt.callBack || function(){};
if( nowNum>=4 && allNum>=6 ){
var oA = document.createElement('a');
oA.href = '#1';
oA.innerHTML = '首页';
obj.appendChild(oA);
}
if(nowNum>=2){
var oA = document.createElement('a');
oA.href = '#' + (nowNum - 1);
oA.innerHTML = '上一页';
obj.appendChild(oA);
}
if(allNum<=5){
for(var i=1;i<=allNum;i++){
var oA = document.createElement('a');
oA.href = '#' + i;
if(nowNum == i){
oA.innerHTML = i;
}
else{
oA.innerHTML = '['+ i +']';
}
obj.appendChild(oA);
}
}
else{
for(var i=1;i<=5;i++){
var oA = document.createElement('a');
if(nowNum == 1 || nowNum == 2){
oA.href = '#' + i;
if(nowNum == i){
oA.innerHTML = i;
}
else{
oA.innerHTML = '['+ i +']';
}
}
else if( (allNum - nowNum) == 0 || (allNum - nowNum) == 1 ){
oA.href = '#' + (allNum - 5 + i);
if((allNum - nowNum) == 0 && i==5){
oA.innerHTML = (allNum - 5 + i);
}
else if((allNum - nowNum) == 1 && i==4){
oA.innerHTML = (allNum - 5 + i);
}
else{
oA.innerHTML = '['+ (allNum - 5 + i) +']';
}
}
else{
oA.href = '#' + (nowNum - 3 + i);
if(i==3){
oA.innerHTML = (nowNum - 3 + i);
}
else{
oA.innerHTML = '['+ (nowNum - 3 + i) +']';
}
}
obj.appendChild(oA);
}
}
if( (allNum - nowNum) >= 1 ){
var oA = document.createElement('a');
oA.href = '#' + (nowNum + 1);
oA.innerHTML = '下一页';
obj.appendChild(oA);
}
if( (allNum - nowNum) >= 3 && allNum>=6 ){
var oA = document.createElement('a');
oA.href = '#' + allNum;
oA.innerHTML = '尾页';
obj.appendChild(oA);
}
callBack(nowNum,allNum);
var aA = obj.getElementsByTagName('a');
for(var i=0;i<aA.length;i++){
aA[i].onclick = function(){
var nowNum = parseInt(this.getAttribute('href').substring(1));
obj.innerHTML = '';
page({
id : opt.id,
nowNum : nowNum,
allNum : allNum,
callBack : callBack
});
return false;
};
}
}
热心网友
时间：2022-04-22 10:59
上一页 onclick="change('页数-1')";
下一页 onclick="change('页数+1')";
function change(page){
window.location.href = "testpage"+page+".com";
}
热心网友
时间：2022-04-22 12:34
window.location.href =url；
}
传进的url为跳转地址
热心网友
时间：2022-04-22 14:25
