$(function(){ }) 与window.onload的区别
类别:Web前端 浏览量:1009
时间:2017-7-16 $(function(){ }) 与window.onload的区别
$(function(){ }) 与window.onload的区别一、执行时机不一样
1、window.onload是在页面所有的元素(包括页面上的资源,比如图片)都加载完成后才触发。
2、$(function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成。
3、比如说一个页面有好多图片 而加载这些图片需要一定的时间,window.onload必须得等到全部的图片都加载完成后才能触发,而$(function(){})只要在dom加载完毕之后就会执行 图片不一定已经加载完成。
二、执行次数不一样
1、window.onload不能同时写多个,如果有多个window.onload,则只有最后一个会执行,它会把前面的都覆盖掉。
2、$(function(){})不管你页面里定义了几个,会按照顺序依次执行。
三、实例
$(function () {
console.log("ready执行");
});
$(function() {
console.log("ready1执行");
});
window.onload = function () {
console.log('load执行');
};
window.onload = function () {
console.log('load1执行');
}
执行结果
热门推荐
- pandas如何删除索引列(pandas DataFrame 删除重复的行的实现方法)
- centos如何安装mysql8.0版本(Centos7下安装MySQL8.0.23的步骤小白入门级别)
- .NET中对枚举的操作
- html的css中怎么选择第三个子元素(CSS中 opacity的设置影响了index层数的改变的问题总结推荐)
- php关注公众号发送消息(php实现QQ小程序发送模板消息功能)
- 织梦仿站流程图解(织梦sitemap地图实时推送给百度的教程)
- php不能用mysql(php写入mysql中文乱码的实例解决方法)
- web接口测试中需要测试的几个点
- react事件绑定的方式和区别(react合成事件与原生事件的相关理解)
- dedecms标签路径修改问题(解决织梦DEDE5.7 tags系列bug图解步骤)