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

news/2024/4/29 16:51:53/文章来源:https://blog.csdn.net/weixin_34130269/article/details/89271825

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_701090.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端新手学习记录2 -使用vscode编写个人网站首页

编写了一个网站首页&#xff0c;参照网上的例子。界面如下 代码如下&#xff1a; <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta http-equiv"X-UA-Compatible" content"IEedge"&…

使用HTML5监测网站性能

在这个信息爆炸的互联网时代&#xff0c;越来越多的人缺少了等待的耐心&#xff0c;网站性能对于一个网站来说越来越重要。以下为监控到的网站打开时间对跳出率的影响&#xff1a; 当网站打开时间在0-1秒时&#xff0c;跳出率为12%当网站打开时间在1-2秒时&#xff0c;跳出率为…

linux实战专家为你梳理网站集群安全基本框架思路!

技术的提升仅是量的积累&#xff0c;思想的提升才是质的飞跃&#xff01;---老男孩

基于ECS部署LAMP环境搭建Drupal网站,云计算技术与应用报告

实验环境&#xff1a; 建站环境&#xff1a;Windows操作系统&#xff0c;基于ECS部署LAMP环境&#xff0c;阿里云资源&#xff0c; Web服务器&#xff1a;Apache&#xff0c;关联的数据库&#xff1a;MySQ PHP&#xff1a;Drupal 8 要求的PHP版本為7.0.33的版本 实验内容和要求…

这个算法网站,强推。

之前我几乎每天都在LeetCode 上刷算法题&#xff0c;但是在写公众号之后渐渐就没练了&#xff0c;现在我打算重拾起来。今天分享一下之前看到的一个算法网站吧&#xff0c;我觉得很不错。https://www.programiz.com/dsa/algorithmdsa 就是 Data Structures and Algorithms&…

几个简化算法理解的网站,进来收藏!

有小伙伴后台留言说&#xff0c;算法难懂、数据结构太抽象不好理解&#xff0c;作为一个过来人&#xff0c;我初学数据结构与算法直接是啃的大学教材&#xff0c;这样的学习方式不是适合所有人。尤其是编程基础比较差的同学&#xff0c;后来我找到了「捷径」学习方法&#xff0…

如何使用Jenkins持续集成C#网站项目

2019独角兽企业重金招聘Python工程师标准>>> 上两节分别讲了如何从vss迁移C#网站项目到gitlab和如何使用nuget管理C#网站项目&#xff0c;其实都是为了最后一节的内容做铺垫&#xff1a;持续集成C#网站项目,这里我们使用的持续集成工具是Jenkins 软件环境&#xff1…

git免费建站

记录HexoGithub免费搭建个人博客Jekyll 到 GitHub Pages 安装hexo npm uninstall -g hexo-cli rm /usr/local/bin/hexo rm -rf node_modules npm install npm install -g hexo-cli安装成功大概是这样的 安装失败把C:\Users\admin\AppData\Roaming\npm\node_modules 下hexo-cli文…

全球最大同性交友网站的所有用户密码都无法登录!!!

一、前言来了&#xff0c;老弟。我把你当正儿八经的朋友&#xff0c;没想到你&#xff0c;嘿嘿嘿。。。全球最大同性交友网站 github 要来搞事情了&#xff0c;事情是这样的&#xff1a;有一个多月没有提交代码了&#xff0c;今天提的时候怎么也提交不上去。意思是你原先的密码…

牛人博客!!!各大招聘网站信息实时查询浏览【转】

转自&#xff1a;http://www.cnblogs.com/zhaopei/p/4368417.html 阅读目录 效果图&#xff1a; 第一、分析url智联招聘&#xff1a;猎聘网&#xff1a;前程无忧&#xff1a;第二、用到了HtmlAgilityPack.DLL ...1.设置访问url页面的编码2.元素路径下的元素集合3、取标签的属性…

关于网站下拉导航的设置

网站的导航很多都是下拉的方式&#xff0c;如下图所示&#xff1a; 就是一种下拉菜单&#xff0c;导航的数据是以ul、li相互嵌套的方式存在的。 ------------------------------------------ <div class"head"><div class"logo"></div>&…

宝塔Linux/Windows面板如何添加网站?附图文教程

宝塔linux面板创建站点 常规方法 1、登录宝塔 Linux 面板 >> 网站 >> 添加站点&#xff0c;具体如下图所示&#xff1a; 2、填写站点域名&#xff1b;FTP 可以选择创建&#xff0c;然后就会得到 FTP 的账号和密码&#xff1b;数据库也可以选择创建&#xff0c;建…

Wordpress优化:网站用nginx前端缓存+Redis Cache缓存提速网站

本问转载&#xff1a;https://www.src1024.com/xy/seo/31780.html 新手站长搭建网站一般为了省钱没去选择大厂的云服务器&#xff0c;而小厂的服务器虽然便宜&#xff0c;但是访问速度也很感人&#xff0c;同时如果你用的是Wordpress建站程序&#xff0c;如果不做优化&#xf…

B2B2C网站系统建设的常见误区

随着网络的高速发展&#xff0c;极大的改变了人们的购物消费行为习惯&#xff0c;因此也带动电子商务的发展&#xff0c;很多传统企业想选择转型却对B2B2C网站系统缺乏一定的了解。那么接下来就为大家讲讲B2B2C网站系统的在建设过程中所遇到的常见误区。 1、B2B2C网站系统建设没…

html酒鬼酒网站制作,酒鬼酒

酒鬼酒建立相应的自救技术.随着科学技术的发展&#xff0c;对多种防护措施必将发挥更好的作用&#xff0c;更好的防护措施也不例外&#xff0c;本文通过对其中的几种防护措施进行研究和设计&#xff0c;提出适合渔民使用和经常处于温度&#xff0d;水位&#xff0d;泥质环境的传…

精心分享7个让你意想不到的网站,大开眼界!

精心给大家分享7个你意想不到的网站&#xff0c;每一个都让人惊喜&#xff0c;反正小智是爱上了&#xff0c;直接上干货&#xff01; 1、万有导航 万有导航是一个全能实用的导航网站&#xff0c;聚合了超多不同类型的站点。 比如影音娱乐、资源搜索、在线办公、设计必备、媒体…

这7个实用工具类网站,你用过几个?

作为一个工具狂&#xff0c;搜罗了超多好用的工具网站&#xff0c;今天给大家分享7个实用的工具类网站&#xff0c;可以解决大家很多问题&#xff0c;堪称效率提升利器。 1、UU在线工具 工欲善其事必先利其器&#xff0c;UU在线工具是一个工具聚合网站&#xff0c;里面聚合了文…

精心推荐10个高质量的网站,打开新世界的大门

这道题小互会&#xff0c;作为一个工具控&#xff0c;浏览器收藏夹藏着500多个网站&#xff0c;对网站有非常深入的研究。今天小智给大家分享10个高质量的网站&#xff0c;可以解决很多问题&#xff0c;直接上干货&#xff01; 1、Convertio Convertio是一个高质量的文件转换器…

强烈推荐8款高质量的网站,可以解决很多问题

推荐8个非常实用的网站&#xff0c;可以解决很多问题&#xff0c;每一个都是精心挑选的&#xff0c;喜欢的话记得点个赞哦~ 1、USEUM USEUM是一个免费的艺术品下载网站&#xff0c;网站聚合了六所著名的博物馆&#xff0c;放了共计21578幅艺术作品的高清扫描图像。有详细的作…

分享15款堪称神器却鲜为人知的软件和网站

分享15款堪称神器的软件和网站&#xff0c;可以解决很多问题&#xff01; 1、今日热榜 今日热榜是一个高质量的追热点工具&#xff0c;聚合了大量网站的热榜&#xff0c;包含综合类、科技类、娱乐类、社区类、购物类、财经类、大学类、日报类、地方门户类、影视类、阅读类、游…