网页上的“上一页，下一页”JS代码怎么写

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml。

2、在indexhtml中的<script>标签，输入js代码：

var a = parseInt(locationhrefsplit('')[1]split('=')[1]);

$('body')append('<a href="indexpage=' + (a - 1) + '">上一页</a>');

$('body')append('<a href="indexpage=' + (a + 1) + '">下一页</a>');

3、浏览器运行indexhtmlpage=5页面，此时js会生成出上一页和下一页及其链接。

地址应该为"bookhtmlId="+bookId+"&Uid="+Uid;需要添加&连接符

可用以下对象：

<script type="text/javascript" language="javascript">

var request = {

QueryString: function (val) {

var uri = windowlocationsearch;

var re = new RegExp("" + val + "\=([^\&\])", "ig");

return ((urimatch(re)) (urimatch(re)[0]substr(vallength + 1)) : null);

}

}

</script>

可用requestQueryString("id")和 requestQueryString("uid")来获取id和uid。

这是典型的分页，你这个布局是有点问题的。分页的页是动态创建出来的。

HTML：<div id="div1"></div>直接一个DIV就行，是分页的容器！下面是一个分页的例子的代码。我建议你还是网上找一套关于JavaScript分页的视频来看，看完自然就懂了。

windowonload = function(){

var oBox=documentgetElementById('box');

var aDiv=oBoxgetElementsByTagName('div');

page({

id : 'div1',

nowNum : 1,

allNum : 15,

callBack : function(now,all){

alert('当前页:' + now +',总共页:'+all)

}

});

};

function page(opt){

if(!optid){return false};

var obj = documentgetElementById(optid);

var nowNum = optnowNum || 1;

var allNum = optallNum || 5;

var callBack = optcallBack || function(){};

if( nowNum>=4 && allNum>=6 ){

var oA = documentcreateElement('a');

oAhref = '#1';

oAinnerHTML = '首页';

objappendChild(oA);

}

if(nowNum>=2){

var oA = documentcreateElement('a');

oAhref = '#' + (nowNum - 1);

oAinnerHTML = '上一页';

objappendChild(oA);

}

if(allNum<=5){

for(var i=1;i<=allNum;i++){

var oA = documentcreateElement('a');

oAhref = '#' + i;

if(nowNum == i){

oAinnerHTML = i;

}

else{

oAinnerHTML = '['+ i +']';

}

objappendChild(oA);

}

}

else{

for(var i=1;i<=5;i++){

var oA = documentcreateElement('a');

if(nowNum == 1 || nowNum == 2){

oAhref = '#' + i;

if(nowNum == i){

oAinnerHTML = i;

}

else{

oAinnerHTML = '['+ i +']';

}

}

else if( (allNum - nowNum) == 0 || (allNum - nowNum) == 1 ){

oAhref = '#' + (allNum - 5 + i);

if((allNum - nowNum) == 0 && i==5){

oAinnerHTML = (allNum - 5 + i);

}

else if((allNum - nowNum) == 1 && i==4){

oAinnerHTML = (allNum - 5 + i);

}

else{

oAinnerHTML = '['+ (allNum - 5 + i) +']';

}

}

else{

oAhref = '#' + (nowNum - 3 + i);

if(i==3){

oAinnerHTML = (nowNum - 3 + i);

}

else{

oAinnerHTML = '['+ (nowNum - 3 + i) +']';

}

}

objappendChild(oA);

}

}

if( (allNum - nowNum) >= 1 ){

var oA = documentcreateElement('a');

oAhref = '#' + (nowNum + 1);

oAinnerHTML = '下一页';

objappendChild(oA);

}

if( (allNum - nowNum) >= 3 && allNum>=6 ){

var oA = documentcreateElement('a');

oAhref = '#' + allNum;

oAinnerHTML = '尾页';

objappendChild(oA);

}

callBack(nowNum,allNum);

var aA = objgetElementsByTagName('a');

for(var i=0;i<aAlength;i++){

aA[i]onclick = function(){

var nowNum = parseInt(thisgetAttribute('href')substring(1));

objinnerHTML = '';

page({

id : optid,

nowNum : nowNum,

allNum : allNum,

callBack : callBack

});

return false;

};

}

}

还是很简答的

//最小值

Arrayprototypemin = function() {

var min = this[0];

var len = thislength;

for (var i = 1; i < len; i++){

if (this[i] < min){

min = this[i];

}

}

return min;

}

//最大值

Arrayprototypemax = function() {

var max = this[0];

var len = thislength;

for (var i = 1; i < len; i++){

if (this[i] > max) {

max = this[i];

}

}

return max;

}

希望对你有帮助

以上就是关于网页上的“上一页，下一页”JS代码怎么写全部的内容，包括:网页上的“上一页，下一页”JS代码怎么写、javascript获得页面参数 window.location.href="book.htmlId="+bookId+"Uid="+Uid;、用js实现两个按钮效果，上一页 下一页，点上一页按钮页面跳转到上一页，点下一页按钮页面跳转到下一页。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！