用js实现两个按钮效果，上一页 下一页，点上一页按钮页面跳转到上一页，点下一页按钮页面跳转到下一页。 5
functionchange(){}<body><inputtype="button"value="上一页"onclick=""/><inputtype="button"...
function change(){
}
<body>
<input type="button" value="上一页" onclick=""/>
<input type="button" value="下一页" onclick=""/>
</body>
现在关键之处是function内方法怎么写 展开
}
<body>
<input type="button" value="上一页" onclick=""/>
<input type="button" value="下一页" onclick=""/>
</body>
现在关键之处是function内方法怎么写 展开
4个回答
展开全部
这是典型的分页，你这个布局是有点问题的。分页的页是动态创建出来的。
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;
};
}
}
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先要获取当前页数，这个你能做到不
上一页 onclick="change('页数-1')";
下一页 onclick="change('页数+1')";
function change(page){
window.location.href = "testpage"+page+".com";
}
上一页 onclick="change('页数-1')";
下一页 onclick="change('页数+1')";
function change(page){
window.location.href = "testpage"+page+".com";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function change(url){
window.location.href =url；
}
传进的url为跳转地址
window.location.href =url；
}
传进的url为跳转地址
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上一页可以采用javascript:history.back(-1)的方式，直接在onclick里面写这个，下一页就不晓得了，你可以用用别的办法比如action或者servlet之类的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
