jQuery浏览器事件及文档加载事件

最新推荐文章于 2023-10-04 11:01:52 发布

c-Tomorrow

最新推荐文章于 2023-10-04 11:01:52 发布

阅读量706

点赞数

分类专栏： JQuery jQuery学习总结文章标签： jQuery 浏览器事件及文档加载事件

本文链接：https://blog.csdn.net/c__dreamer/article/details/81302342

版权

18 篇文章 0 订阅

订阅专栏

16 篇文章 2 订阅

订阅专栏

描述：这个已经被弃用，表示出现错误的处理事件。

$('img').error(function(){
      console.log(1);
})

描述：页面大小发生改变的时候触发:绑定window,构建响应式布局。

$(window).resize(function(){
       console.log("页面大小改变")
})

描述：可以绑定window 也可以绑定元素,带有滚动条的元素都可以绑定scroll事件。

$(window).scroll(function(){
      console.log(1);
})
$('p').scroll(function(){
      console.log(1);
})

描述：ready事件在Dom结构绘制完毕之后就会执行(Dom树构建完毕),这样能确保就算有大量的媒体文件没加载出来.js代码一样可以执行。

1.$().ready(function(){})     //默认挂载到document上
2.$(document).ready(function(){}) //可读性强
3.$(function(){})         //做开发使用这个

描述：load事件必须等到网页中所有内容不够全部加载完毕之后才被执行.如果一个网页中有大量的图片的话,则就会出现这种情况：网页文档已经呈现出来,但由于网页数据还没有完全加载完毕,导致load事件不能够即时被触发,导致页面加载堵塞，一般不用这个事件的，只有到检测图片是否加载出来的时候才用这个。

//1.解析HTML结构
//2.加载外部脚本和样式表文件
//3.解析并执行脚本文件
//4.构造HTML Dom模型    //ready
//5.记载图片等外部文件
//6.页面加载完毕        //load

关注

专栏目录