jquery中的ready方法和window的onload方法的区别

jquery中的ready方法和window.onload的区别

区别

jquery的ready方法在网页中的DOM结构加载完成后执行。window.onload()必须等到网页全部加载完毕(包括图片等)才执行。
前者可以执行多次，不会上一次覆盖。后者只能执行一次，如果第二次，那么第一次的执行的会被覆盖。

扩展

关于script元素的async属性和defer属性：

async：
表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。
如果有多个脚本谁先加载完谁先执行，async的加载不计入DOMContentLoaded事件统计。

defer:
表示脚本可以延迟到文档完全被解析和显示之后再执行。文档解析时，遇到了设置了defer的脚本，就会在后台下载，但是并不会阻止文档的渲染，当页面解析渲染完毕后，会等到所有的defer脚本加载完毕并按照顺序执行，指定完毕后会触发DOMContentLoaded事件。
如果有多个设置了defer的script标签存在，则会按照顺序执行所有的script。在文档渲染完毕后，DOMContentLoaded事件调用前执行。

而在上述中的DOMContentLoaded事件就相当于jquery中的ready方法，也就是DOM结构加载完成的事件。

jquery中的ready方法和window的onload方法的区别相关推荐

vue 组件中的setInterval方法和window的不同
vue 组件中的setInterval方法和window的不同 vue组件中,this指向实例,[实例中重写了setInterval等一整套方法].所以,千万不能和 window 下挂载的方法混用具 ...
jquery中的ready函数与window.onload谁先执行
关于$(document).ready(): jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload ...
JQuery中的each()方法和$.each()函数的使用
1.each()方法的使用 JQuery提供了 each() 方法用于遍历匹配的元素信息.以每一个匹配的元素作为上下文来执行一个函数.每次执行传递进来的函数时,函数中的 this 关键字都指向一个不同 ...
jQuery中的slideToggle( )方法和toggleClass( )方法的使用示例
① slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态. 如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素. 示例:通过使用滑动效果,在显示和隐 ...
jquery中$(document).ready(function(){//todo});window.onload时间线关系
1.基于DOM的解析加载过程,即:document.readystate状态, 其有如下四个状态: a.uninitiated,未初始化状态. b.loading,dom开始解析. c.loaded, ...
Java Servlet API中的forward（）方法和redirect（）方法的区别
forward():是容器中控制权的转让,在客户端浏览器地址栏不会显示转向后的地址.forward会将 request state.bean.等信息带到下一个jsp页面:使用getAttribut ...
数组push（）方法和concat（）方法的区别
定义: push()添加到数组末尾,并返回修改后数组的长度. concat()基于当前数组中的所有项创建一个新数组.具体来说,这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾, ...
jQuery中$(document).ready()和window.onload的区别
$(document) ready()和window onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onlo ...
js中window.onload 与 jquery中$(document.ready()) 测试
js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...

jquery中的ready方法和window的onload方法的区别

jquery中的ready方法和window.onload的区别

区别

扩展

jquery中的ready方法和window的onload方法的区别相关推荐

最新文章

热门文章