码迷,mamicode.com
首页 > Web开发 > 详细

网站真分页js代码该怎么写?

时间:2016-05-09 07:17:36      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:互联网技术   js   网站真分页   

真分页这个词对程序猿们来说,并不是一个陌生的词汇,但是如果你是初次学习真分页,或许还是得花点时间小小研究下,下面是之前去转盘网(喜欢的可以看看,也可以进入引擎模式)的真分页js部分代码,html部分的我就不写了,稍微处理下代码就可以使用的,你也可以根据需要灵活变动,千万不要懒惰哦,废话不说了,直接上代码:

function get_param(param){ //这个函数是用来获取url的参数的 

var query = location.search.substring(1).split(‘&‘); 
for(var i=0;i<query.length;i++){ 
var kv = query[i].split(‘=‘); 
if(kv[0] == param){ 
return kv[1]; 


return null; 


$("#page_down").unbind().bind(‘click‘,function(){ //向下翻页 

temp=get_param("currentPage"); 
if(temp==null || isNaN(temp)){ //非数字或者无页码 
toPage=1; 

else{ 
toPage=parseInt(temp)+1; 

ifnull=$("#ifnull").attr("value"); 
if(ifnull.length<3){ 
toPage=1; 

url="${pageContext.request.contextPath }/funnyPic.do?currentPage="+toPage; 
window.location.replace(url); 
}); 

$("#home").unbind().bind(‘click‘,function(){//回到首页 
url="${pageContext.request.contextPath }/funnyPic.do?currentPage=1"; 
window.location.replace(url); 
}); 

$("#page_up").unbind().bind(‘click‘,function(){ //向上翻页 
temp=get_param("currentPage"); 
if(temp==null || isNaN(temp)){ //非数字或者无页码 
toPage=1; 

else{ 
toPage=parseInt(temp)-1; 

if(toPage<1){ 
showMessage("亲~第一页了,真不知道往哪走了"); 
return; 

ifnull=$("#ifnull").attr("value"); 
if(ifnull.length<3){ 
toPage=1; 

url="${pageContext.request.contextPath }/index.do?currentPage="+toPage; 
window.location.replace(url); 
}); 

$(".turnPage").unbind().bind(‘click‘,function(){//翻页部分的代码 
toPage=parseInt($(this).text()+""); 
ifnull=$("#ifnull").attr("value"); 
if(ifnull.length<3){ 
toPage=1; 

url="${pageContext.request.contextPath }/funnyPic.do?currentPage="+toPage; 
window.location.replace(url); 
});

本文出自 “黄歇” 博客,请务必保留此出处http://5912119.blog.51cto.com/5902119/1771296

网站真分页js代码该怎么写?

标签:互联网技术   js   网站真分页   

原文地址:http://5912119.blog.51cto.com/5902119/1771296

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!