jQuery中$(document).ready()和window.onload的区别?
生活随笔
收集整理的這篇文章主要介紹了
jQuery中$(document).ready()和window.onload的区别?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
document.ready和document.load的區別?(JQ中的$(document).ready()和window.onload的區別?)
window.onload,是采用DOM0級事件綁定監聽的load事件
1)load事件本身就是當所有資源加載完成才會被觸發,window.onload指的是瀏覽器中的資源文件(HTML結構、圖片、文字、音視頻...)加載完成就會被觸發
2)DOM0綁定方式決定了他只能綁定一個方法,綁定多個,后面把前面會覆蓋掉
$(document).ready()是JQ拿原生JS封裝好的方法,等同于$(function(){}),JQ在封裝這個方法的時候,采用DOM2級事件綁定,而且監聽的事件是DOMContentLoaded(在IE6~8下監聽的是onreadystatechange事件)
1)DOMContentLoaded事件本身就是DOM結構渲染完成就會被觸發,所以只要頁面中的HTML結構加載完成,就會觸發對應的事件,把綁定的方法執行
2)采用DOM2綁定,所以可以綁定多個方法
轉載于:https://www.cnblogs.com/Scar007/p/7505481.html
總結
以上是生活随笔為你收集整理的jQuery中$(document).ready()和window.onload的区别?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android Camera 流程学习记
- 下一篇: 硬盘读取不了--完美解决