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文件,点击按钮,查看实现的效果。
需求:实现一个全局的下拉刷新,因为每个页面基本上都有查询,都需要做下拉刷新,为了避免每个页面都写一遍,所以我考虑了一下,还是封装了一下。
实现方式:
1.下拉刷新文档
第一步:在page.json里面配置enablePullDownRefresh:true
pages.json
第二步:在你的项目文件夹,我这里写在了common文件夹下,新建了一个myMixins.js,做一个全局的,因为每个页面都要用到这个,所以写了一个mixins,具体的使用方式如下:
第三步,页面引用Mymixins
就这三步就可以了,然后哪个页面需要引用就引用就行了,这样每个页面就不用都写那个下拉刷新的方法了。