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

JavaScript010

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文件,点击按钮,查看实现的效果。

jquery是等待页面加载完数据,以及页面部分元素;js是页面全部加载完成才执行初始化加载,具体示例祥看本文

jquery和js初始化加载页面的区别:

jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频),

js:是页面全部加载完成才执行初始化加载。

1、jQuery

页面加载初始化的方法有3种

,页面在加载的时候都会执行脚本,

第一种(比较常用):

代码如下:

$.function(){

alert("第一种方法")

})

第二种:

复制代码

代码如下:

$(document).ready(function(){

alert("第二种方法")

})

第三种:

代码如下:

jQuery(function($){

alert("第三种方法")

})

2、js初始化加载的方法

第一种:

代码如下:

window.onload=function(){

alert("初始化加载")

}

第二种:

(winOnload

此方法名自定义)

代码如下:

function

winOnload()

{

alert("初始化加载")

}

winOnload()

注意:

由于jquery使用$符号,和有些组件例如dwr就有冲突,为了解决这个问题,可以使用

代码如下:

var

ace=jQuery.noConflict()