百度、谷歌分页效果，刷新保持该页数

最新推荐文章于 2024-07-26 20:46:33 发布

真哥哥

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量407

点赞数

分类专栏： JavaScript 文章标签：百度 javascript function html div

本文链接：https://blog.csdn.net/haiyong_sea/article/details/5774265

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>分页效果</title>
</head>
<script language="javascript">
var page = 1;//页数
var ps = 1;//开始页数
var num = 20;
var lastNum = 9;
function setPagClick(type){
    var showPage = "";
if (type == 1) {
  var whref = window.location.href;
  var indexof = whref.indexOf("?");
  if (indexof != -1) {
   var wlength = whref.length;
   var gh = whref.substring(whref.indexOf("=") - 0 + 1, wlength);
   page = gh - 0;
  }
}
    var start = page - 4;
var end = page + 4;
if (start > 0 && end <= num) {
  ps = start;
  lastNum = end;
} else {
  if (page <= 4) {
   ps = 1;
   lastNum = 9;
   if (num < 9) {
    lastNum = num;
   }
  } else {
   if (end > num && end <= num + 4) {
    ps = ps + num - lastNum;
    lastNum = num;
   }
  }
}
var prev = "<a id='prepage' href='javascript:void(0);' οnclick='setPage(" + 0 + ",1)'>Prev</a>    ";
var next = "<a id='nextpage' href='javascript:void(0);' οnclick='setPage(" + 0 + ",2)'>Next</a>";
    for(var i=ps; i<=num;i++){
       if (i < ps + 9) {
           showPage += "<a id='showPage" + i + "' href='javascript:void(0);' οnclick='setPage(" + i + ",3)'>" + i + "</a>    ";
    }
    }
    document.getElementById("page").innerHTML=prev + showPage + next;
    document.getElementById("showPage"+page).style.color="red";
document.getElementById("showPage"+page).style.cursor = "text";
if (page == 1) {
  document.getElementById("prepage").style.cursor = "text";
} else {
  if (page == num) {
   document.getElementById("nextpage").style.cursor = "text";
  }
}
}

//分页
function setPage(pg, type) {
if (type == 1) {
  if (page > 1) {
   page -= 1;
   document.getElementById("prepage").href = "#?page=" + page;
   setPagClick(2);
  }
} else {
  if (type == 2) {
   if (page < num) {
    page = page - 0 + 1;
    document.getElementById("nextpage").href = "#?page=" + page;
    setPagClick(2);
   }
  } else {
   page = pg;
   document.getElementById("showPage" + page).href = "#?page=" + page;
   setPagClick(2);
  }
}
}