问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

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

发布网友 发布时间:2022-04-25 15:43

我来回答

2个回答

热心网友 时间:2022-04-23 05:05

思路:页面中放一个隐藏变量记录当前的页面序号,下一页就是取出当前号+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>

热心网友 时间:2022-04-23 06:23

思路:页面中放一个隐藏变量记录当前的页面序号,下一页就是取出当前号+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>
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
...摩擦时愈来愈痒。挤破时是透明液体。我该怎么办啊!谢谢 乐天免税店买的东西 出境时忘了领取怎么办 乐天网上免税店 已经下了订单发现护照号码错误,申请修改后订单会被 ...应该是中午12点 结果选择了21点 现在怎么更改如果时间? 如何测量板厚度 无法重来的一生……ᝰ 张师傅把5万元钱存入银行,定期三年,年利率4.75%到期时,他可以得到利息... 张师傅存一年定期10000元,年利率是2.7%,到期需付20%的利息税,那么一年... 张师傅到银行里用定期一年整存整取的方式存储人民币8000元,到期得到税 ... 张师傅在银行里用定期一年整存整取的方式储蓄人民币8000元,到期得到税 ... JavaScript里面什么是静态属性和动态属性?能举个例子吗? js中静态变量与非静态方法的问题 js公有,私有,静态属性和方法的区别 js 静态方法和实例方法的区别 js静态属性怎么继承 js中函数的静态属性是什么意思 js对象静态属性不能够访问? 为什么把js称为静态资源 js如何定义静态变量 js静态方法有什么作用 谁知道那个网络红人JS静斯是谁?求他的详细资料? 翻译:主办单位、协办单位 从法杯全国大学生法治中国调研大赛实施方案? 九年级政治组织好活动要注意什么 冠名权,主办单位,协办单位,赞助商各有什么区别,通俗具体点 注射隆鼻的材料都有哪些啊?哪种材料安全而且效果最好 隆鼻一般采用什么材料啊,安全吗? 我想隆鼻,但是现在隆鼻什么材料好呢?都是安全的吗? 进行ps平面设计时如何去除图片水印? ps中怎样去除图片水印 js有没有静态变量,没有的话要怎么办哦 怎么用js实现静态留言板效果? js判断网页是真静态还是伪静态的方法 javascript有静态变量吗,如果有怎么用? 用JS输出静态页面 javascript中什么时候用静态方法什么时候用实例方法,规则是什么,各好在... javascript中如何定义静态变量和全局变量? DUK-AL20是什么型号的手机啊? 进价只有3-4块的纸巾,这些货源是从哪里来的? 纸巾店怎么找进货源 摆地摊卖卖纸巾在网上拿货好还是在厂家拿货好 PLC自锁和互锁的含义? 帮我和我老婆起个QQ情侣 名!!高手进 plc自锁和互锁,请问在PLC中自锁什么意思 怎么理解PLC自锁和互锁 plc的自锁和互锁有什么联系? 电气控制与plc中的自锁,互锁概念与作用 PLC自锁和互锁 PLC三相自锁丶连锁丶互锁丶还有多大电用多少平方亳米的线的公式 PLC自锁互锁有什么含义