JS或者jquery的上拉加载和下拉刷新是怎么实现的

JavaScript019

JS或者jquery的上拉加载和下拉刷新是怎么实现的,第1张

1、首先新建一个html文件，命名为test.html，在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

2、在test.html文件内，使用button标签创建一个按钮，按钮名称分别为“刷新页面”。

3、在test.html文件内，设置button标签的id为btn，主要用于下面通过该id获得button对象。

4、在js标签内，使用$(function(){ })方法在页面加载完成时，通过window.location.href获得当前页面的链接，并把链接保存在变量url中。

5、在js标签内，通过id(btn)获得button对象，给它绑定click点击事件，实现当按钮被点击时，使用window.location.href方法跳转至url，从而实现刷新页面的效果。

6、在浏览器打开test.html文件，点击按钮，查看实现的效果。

javascript中的刷新方法:

history.go(0)        //最常用

location.reload()

location=location

location.assign(location)

window.navigate(location)    //只支持IE

location.replace(location)

自动刷新方法:

[1]在页面的head内加入meta标签实现

<meta http-equiv="refresh" content="20">

[2]js代码实现

setTimeout('history.go(0)',1000)

javascript中的跳转方法:

window.location.href="index.php"

window.history.back(-1)            //参数是负几，就后退几次。

window.navigate("index.jsp")       //只支持IE