js/jQuery中load()、onload()、ready()的区别
2017-03-10 18:01
435 查看
一、两大事件
load事件:指页面包含图片等文件在内的所有元素都加载完毕后执行的事件。ready事件:表示文档结构已加载完成(不包括图片等非文字媒体文件)
浏览器页面渲染的过程 - 寸寸君 - 博客园
http://www.cnblogs.com/cuncunjun/p/6531495.html 看过我这篇文章的同学应该就明白为何图片这么特殊了,知道什么时候加载图片了。
二、在不同语言中的用法
HTML:在此处提一句,load与onload的关系就和click和onclick的关系一样。
<body onload=" aa()">
一般绑在body标签上,用在其他标签也可以。比如img
js:
window.onload=function(){ };
jQuery:
$(document).load(function(){ });//值得注意的是,jQuery1.8版本已经将该方法和unload()删除了。
$(document).ready(function(){ });//不推荐
$(function(){ });//推荐,此方法和上一个写法是等价的。省略就相当于是ready方法。
看到这里,小伙伴们应该明白jQuery方法为何要在外层加一个$()了吧。当初刚开始尝试写代码的时候,将script标签放在了head中,js文件中也没有加ready方法。结果发现页面根本没反应啊啊啊啊,后来查了一下说是得再最外层加上$()才能执行。现在终于明白了,不是没执行,而是在dom树渲染出来之前就执行完了,都是无效的操作呀!如果,不想加ready方法的话,直接把script放在body的尾部即可!
相关文章推荐
- jQuery的ready与js的load事件的区别
- js中的window.onload和jquery中的load区别的讲解
- js中onload和jQuery中ready的区别
- js中的window.onload和jquery中的load区别的讲解
- js中的window.onload和jquery中的load区别
- jQuery中的$(window).load()与$(document).ready()以及jquery $(document).ready() 与window.onload的区别
- js $(document).ready()、()(jQuery)、window.onload=function(){} 区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- JS中的onload与jQuery中的ready区别
- js的window.onload和jquery document.ready()的区别
- JQuery 中load、ready 和 onload 的区别
- jQuery的ready()事件与js中的onload事件的区别
- 传统JS中的window.onload方法和jQuery中的$(document).ready()方法的区别
- jQuery的ready()事件与js中的onload事件的区别
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- jquery中$(document).ready、$(window).load和body.Onload()之间的区别
- 浅谈jQuery $(document).ready(function(){})和js window.onload区别
- js以及jquery中 load()和ready()的区别
- jquery页面加载响应事件$(document).ready()与js页面加载响应事件window.onload()的区别