小白学习---JS
来源:互联网 发布:mysql 5.7.17.msi下载 编辑:程序博客网 时间:2024/05/14 12:29
1.关于返回上一页的两个js
javascript:history.back(-1)在返回山一页时可以保留上一页的数据和javascript:history.go(-1)返回上一页时无法保留上一页的数据
2.js页面跳转:
location.href="链接";
3.在手机界面,向下滑动数据加载的代码块:
<strong>$(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if (scrollTop + windowHeight == scrollHeight) { //此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作//var page = Number($("#redgiftNextPage").attr('currentpage')) + 1;//redgiftList(page);//$("#redgiftNextPage").attr('currentpage', page + 1); } });</strong>别忘了引用jquery类库
判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。
scrollTop为滚动条在Y轴上的滚动距离。
clientHeight为内容可视区域的高度。
scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。
从这个三个属性的介绍就可以看出来,滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。(兼容不同的浏览器)。
0 0
- 小白学习---JS
- 小白学习node.js的心得
- js学习小例子
- js学习小总结
- js学习小总结
- js基础学习,小技巧
- 前端小白学习Node.js的笔记
- 小白学习JS----判断是否包含某个字符串
- JS学习函数小TIP学习笔记
- 学习js的一些小笔记。。。
- js学习一:一些小知识
- 学习JS的几个小笔记
- js小案例效果学习记录
- js小案例效果学习记录
- js小案例效果学习记录--倒计时
- javascript学习之js使用小技巧
- 学习JS之实用小函数
- 学习Vue.js的五个小例子
- php 排序字典
- WCF 大数据传输问题
- Maven项目中找不到property文件
- 1.5.初步体验结构体
- 有趣的JavaScript原生数组函数
- 小白学习---JS
- 将Excel中数据导入DataGridView中并实现筛选功能
- GitLab安装并设置为开机启动
- Unity 粒子海洋效果实现
- 邻接表非递归深搜(有向图)
- Java判断文件、文件夹是否存在
- HashMap中红黑树操作实现
- poj 1821(单调队列优化dp)
- 【剑指offer-Java版】10二进制中1的个数