真分页这个词对程序猿们来说,并不是一个陌生的词汇,但是如果你是初次学习真分页,或许还是得花点时间小小研究下,下面是之前去转盘网(喜欢的可以看看,也可以进入引擎模式)的真分页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);
});

本人建个qq群,欢迎大家一起交流技术, 群号:512245829 喜欢微博的朋友关注:转盘娱乐即可

网站真分页js代码该怎么写?相关推荐

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

    真分页这个词对程序猿们来说,并不是一个陌生的词汇,但是如果你是初次学习真分页,或许还是得花点时间小小研究下,下面是之前去转盘网(喜欢的可以看看,也可以进入引擎模式)的真分页js部分代码,html部分的 ...

  2. 和php结合实现分页js代码,无JS,完全php面向过程数据分页实现代码

    无JS,完全php面向过程数据分页实现代码,需要的朋友可以参考下 //登陆页面设置的session,当session中存在name时 //session_start(); //$name = $_SE ...

  3. 看看这些被同事喷的JS代码风格你写过多少

    大家好,我是 漫步,日常写代码中难免需要给别人看,如何写出不被人喷的代码,一起看看这篇文章,喜欢记得关注我并设为星标及时收到. 作者:殷荣桧@腾讯 目录: 一.变量相关 二.函数相关 三.尽量使用ES ...

  4. 如何在浏览器上跑深度学习模型?并且一行JS代码都不用写

    翻译 | 林椿眄 编辑 | 周翔 2017 年 8 月,华盛顿大学的陈天奇团队发布了 TVM,和 NNVM 一起组成深度学习到各种硬件的完整优化工具链,支持手机.CUDA.OpenCL.Metal.J ...

  5. 看看这些被同事喷的 JS 代码风格你写过多少

      现在写代码比以前好多了,代码的格式都有eslint,prettier,babel(写新版语法)这些来保证,然而,技术手段再高端都不能解决代码可读性(代码能否被未来的自己和同事看懂)的问题,因为这个 ...

  6. 这些被同事喷的JS代码风格你写过多少?

    作者:殷荣桧@腾讯 来自:https://github.com/jackiewillen/blog/issues/14 现在写代码比以前好多了,代码的格式都有 eslint.prettier.babe ...

  7. 网站中的js代码欢迎语,早上好,下午好……

    <script> today = new Date(); var day; var date; var hello; var wel; hour = new Date().getHours ...

  8. html自动识别移动端和代码,html5移动端网站常用判断js代码

    1,判断识别是否为手机移动端运行环境var mob = ''; if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|Symbia ...

  9. 编写js代码的注意问题

    编写js代码的注意问题 在一对script的标签中有错误的js代码,那么该错误的代码后面的js代码不会执行 如果第一对的script标签中有错误,不会影响后面的script标签中的js代码执行 scr ...

最新文章

  1. The Shortest Statement CodeForces - 1051F LCA+最短路
  2. Specification使用in
  3. Linux常用系统管理命令(top、free、kill、df)
  4. mysql 代替intersect_MySQL不支持INTERSECT和MINUS及其替代方法_MySQL
  5. OpenCV学习:播放avi视频文件
  6. windows电脑制作mac os u盘重装系统_图文演示u盘重装系统步骤
  7. 页面从输入 URL 到页面加载显示完成
  8. 【2018.4.14】模拟赛之四-ssl2394 剪草【dp】
  9. System V IPC之共享内存
  10. 『中级篇』docker之CI/CD持续集成-(终结篇)(77)
  11. jsp与servlet的区别与联系
  12. centos系统盘满了 如何清理_如何拯救爆满的磁盘空间?这款 8 M小软件比 SpaceSniffer 更快更简单,支持中文。...
  13. Apache服务器+Tomcat服务器配置
  14. MATLAB2018a安装包免费
  15. excel 第六次人口普查_第六次全国人口普查表短表(标准版)
  16. 了不起的GIS:GIS相关软件、框架、代码、资源等的合集
  17. Cpk (Process Capability Index)
  18. 描述内存分配方式以及它们的区别?
  19. 徐思201771010132《面向对象程序设计(java)》第一周学习总结
  20. 小红书探店流程有哪些?小红书探店博主如何联系?

热门文章

  1. 有向图最小路径覆盖方法浅析、证明 //hdu 3861
  2. ASP.NET 初级开发成员面试题部分面试题
  3. 奔图打印机显示未连接_手机连接奔图打印机,无法打印的解决方法
  4. python中的运算符举例_举例讲解Python中的算数运算符的用法
  5. 哪个牌子的平板电脑好_中山密码锁哪个牌子好
  6. 学python有什么好处 学完可以做什么
  7. 同济大学计算机云南2019,同济大学录取分数线2019(在各省市录取数据)
  8. 最新版火车头织梦内容发布规则_火车头采集器V8.6发布dedecms自定义字段解决方案...
  9. python中bytearray和java中byte[]的区别_Python经典面试题:说说Python中xrange和range的区别?...
  10. python自带intertool模块找不到_Python itertools模块:生成迭代器(示例分析)