网站真分页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); 
});

时间: 2024-10-05 13:15:29

网站真分页js代码该怎么写?的相关文章

新闻门户网站图集相册JS代码

新闻网站jQuery图集相册代码,支持键盘方向键切换,支持点击图片左右区域切换,支持自动轮播,带缩略图.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="pic-head"> <div class="picHeard-title"> <span class="spanleftpic l"><a href="http://www.w2bc.com/&quo

Ajax分页js代码

var pageIndex = 0; var pageSize = 10; $(function () { $("#btnSearch").click(function () { var name = $("#txtSearch").val(); pageIndex = 0; AjaxGetData(name, pageIndex, pageSize); }); AjaxGetData(name, pageIndex, pageSize); }); function

自己改造的Jquery版的分页JS

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>分页JS代码</title> <style type="text/css"> .page{margin:2em;} .page a{text-decorat

Java代码实现真分页

在JavaWeb项目中,分页是一个非常常见且重要的一个小方面.本次作为记载和学习,记录项目中出现的分页并做好学习记录.在这里,用的是SSH框架.框架可以理解如下图: 在JSP页面,描写的代码如下: 1 <div align="center"> 2 <c:if test="${page.currentPage>1}"> 3 <a href="show_findStessayAll.action?currentPage=1&

GridView真分页全套复用代码(转)

原文地址:GridView真分页全套复用代码作者:jacland 1.页面部分: <PagerTemplate>                           <div style="display: inline; float:right;">                                   <asp:TextBox ID="txbPage" runat="server" BorderSt

静态页分页功能js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-Typ

一行JS代码屏蔽一个网站的访问

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

jQuery表单验证插件----通过name属性来关联字段来验证,改变默认的提示信息,将校验规则写到 js 代码中

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. 改变默认提示方式. 三.jQuery表单验证插件----通过name属性来关联字段来验证,将校验规则写到 js 代码中. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

写js代码的时候应该注意的一些的小细节

在今天将为大家分享一下,在平时我们写js代码的时候应该注意的一些的小点.img1全局变量了解js的朋友应该知道全局变量就是在任何函数的外面声明的或是未声明直接简单使用的.下面来看一个例子function fn(){var a=b=0;}或许有好多朋友都觉得这两个都是局部变量,但这似乎不是你所想的那样.在这个例子中b是一个全局变量.这是为什么了?肯定有好多朋友也想不通,这是因为在js中赋值运算符是自右往左的,所以上面这个例子实际上是function fn(){var a=(b=0);}因此,在平时