JS实现静态页面上一页下一页效果

JS实现静态页面上一页下一页效果。不是那个返回到上一页那个, 不是要<a href="javascript:history.back()">这个。。
我的页面命名是这样:paper78-01-01.htm paper78-01-02.htm paper78-01-03.htm 以此类推,我想在02页的时候 点上一篇就到01页 点下一篇就到03页。。 静态页面上 怎么加代码·?

思路:页面中放一个隐藏变量记录当前的页面序号,下一页就是取出当前号+1,上一页就取出当前号-1;

下面是html为paper78-01-01.htm的代码,<input type="hidden" name="pagenumber" value="01">的value="01",
paper78-01-02.htm,paper78-01-03.htm就是将value换成02,03即可。

<html>
<head>
</head>
<body>
paper78-01-01.htm
<input type="hidden" name="pagenumber" value="01">
<a href="javascript:goPrevious()">上一页<a/><a href="javascript:goNext()">下一页<a/>
<script type="text/javascript">
//下一页
function goNext(){
goPage(parseInt(document.all.item("pagenumber").value)+1);
}
//上一页
function goPrevious(){
goPage(parseInt(document.all.item("pagenumber").value)-1);
}

//进入页号为pageNumber的页面
function goPage(pagenumber){
if(pagenumber<1) {alert("到了首页");return;}
if(pagenumber>3) {alert("到了第三页了");return;}
if(pagenumber<10) pagenumber = "0"+pagenumber;
window.location.href="paper78-01-"+pagenumber+".htm";
}
</script>
</body>
<html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2019-06-19
思路:页面中放一个隐藏变量记录当前的页面序号,下一页就是取出当前号+1,上一页就取出当前号-1;<br><br>下面是html为paper78-01-01.htm的代码,<input type="hidden" name="pagenumber" value="01">的value="01",<br>paper78-01-02.htm,paper78-01-03.htm就是将value换成02,03即可。<br><br><html><br> <head><br> </head><br> <body><br> paper78-01-01.htm<br> <input type="hidden" name="pagenumber" value="01"><br> <a href="javascript:goPrevious()">上一页<a/><a href="javascript:goNext()">下一页<a/><br> <script type="text/javascript"><br> //下一页<br> function goNext(){<br> goPage(parseInt(document.all.item("pagenumber").value)+1);<br> }<br> //上一页<br> function goPrevious(){<br> goPage(parseInt(document.all.item("pagenumber").value)-1);<br> }<br><br> //进入页号为pageNumber的页面<br> function goPage(pagenumber){<br> if(pagenumber<1) {alert("到了首页");return;}<br> if(pagenumber>3) {alert("到了第三页了");return;}<br> if(pagenumber<10) pagenumber = "0"+pagenumber;<br> window.location.href="paper78-01-"+pagenumber+".htm";<br> }<br> </script><br> </body><br><html>

网页上的“上一页,下一页”JS代码怎么写?
1、首先,打开html编辑器,新建html文件,例如:index.html。 2、在index.html中的标签,输入js代码: var a = parseInt(location.href.split('?')[1].split('=')[1]); $('body').append('上一页'); $('body').append('下一页'); 3、浏览器运行index.html?page=5页面,此时js会生成出上一页和下一...

JS实现静态页面上一页下一页效果
\/\/下一页 function goNext(){ goPage(parseInt(document.all.item("pagenumber").value)+1);} \/\/上一页 function goPrevious(){ goPage(parseInt(document.all.item("pagenumber").value)-1);} \/\/进入页号为pageNumber的页面 function goPage(pagenumber){ if(pagenumber<1) {alert("到了...

网页设计中页面默认为第二页,如何用js实现点击上一页跳转到第一页,点击...
注:本项目是全程使用js来写的,前台的数据通过ajax进行获取,然后再进行拼装,动态加载到页面。1.先把上一页,下一页等的代码附上(里面的值都是伪值,下面会在js里进行重新赋值的!)首页上一页12

js跳转指定页面(js中跳转页面)
4、由上可知,可以通过setHeader来实现某页面停留若干秒后,自动重定向到另一页面。又是该死的js,怎么跳转到指定tab页1、html有一个用js控制的选项卡0003;当点击html中的2链接到html时显示选项卡02的内容。2、键盘tab键的键代码是9,可以用event.keyCode来获得按下一个键时的键代码,进而可以知道按...

网页如何用 上一页 下一页 跳转 控制显示图片
代码如下: 前一张 后一张 跳转 function rp(n){ var o=document.getElementById('v');var i=parseInt(o.value);if(isNaN(i)){ i=0;}else if(i<=0&&n<0){ i=0;}else if(i>=100&&n>0){ i=100;}else{ i+=n;} o.value=i;document.getElementById('pic').src='000'...

js 分页代码 缺少上一页下一页,添加上一页 下一页 急
做一个全局变量记录当前页,比如 var a=1;function showPage(pageINdex){ a=pageINdex;obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight); \/\/根据高度,输出指定的页 } window.onload = function() \/\/重写窗体加载的事件 { var allpages = Math.ceil(parseInt(obj.scrollHeight)\/parse...

网页中的“下一页”怎么实现
网页中的“下一页”实现的方法。如下参考:1.首先,打开HTML编辑器并创建一个新的HTML文件,如index.html。2.在index.html中的标签,输入js代码:varnow=parseInt(location.href.split('?')[1].split('=')[1]);('body').append('上一页');('body').append('下一页');3.在chrome浏览器...

请问,如何使用JavaScript实现div的自动换页?
js静态分页,你可以参考一下 { font-size:10.2pt;font-family:tahoma;line-height:150%;} .divContent { border:1px solid red;background-color:#FFD2D3;width:500px;word-break:break-all;margin:10px 0px 10px;padding:10px;} header footer <!-- s="女老师竭力向孩子们证明,学...

...和分页都去掉,下面只要“上一页”“下一页”两个按钮
strS='首页 '改成 strS='';strE=' 尾页 '改成 strE='';

网页文本内容上一页下一页以及javaScript根据url参数来显示分页内容怎么...
后台要写分页算法,JS用于前台展示调用 ,利用iterator标签展示

相似回答