`
赵雅智
  • 浏览: 98068 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

【js】赵雅智_用JS点击出发“下一页”效果

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


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics