window.onload與$(document).ready()的區別
標題中的兩個事件貌似相同,都是當一些內容載入完畢之後再去執行相應的程式碼,但是這兩個還是有巨大區別的,下面對此做一下簡單介紹,希望對需要的朋友所有幫助。
區別如下:
區別一:
window.onload=function(){}事件是要等文件內容完全載入完畢,包括圖片和和js等,再去執行相應的程式碼。
$(document).ready(),只要DOM結構完全載入完畢就可以執行相應的程式碼。
區別二:
window.onload只能夠註冊一個事件處理函式,如果註冊多個,則後面的會覆蓋前面的。
$(document).ready()則可以使用多個,並且都會順利執行。
相關文章
- document.ready和window.onload的區別
- window.onload()函式和jQuery中的document.ready()區別函式jQuery
- document load 和 document ready 的區別
- document load 和document ready的區別?
- 菜鳥學JS(五)——window.onload與$(document).ready()JS
- window.onload()函式和jQuery中的document.ready()有什麼區別?函式jQuery
- JS 頁面載入觸發事件 document.ready和window.onload的區別JS事件
- 前端筆試小結之$(document).ready() vs window.onload()前端筆試
- $(document).ready(function(){})的作用Function
- Document Redirect 與 XHR Redirect區別
- document,document.documentElement區別
- jQuery中onload與ready區別jQuery
- JQuery的ready函式與JS的onload的區別jQuery函式JS
- $(document)和$(window)區別
- document、DOM、window、BOM區別
- jQuery $(document).ready()和JavaScript onload事件jQueryJavaScript事件
- jQuery - jQuery $(document).ready() 和 JavaScript [removed]() 的比較jQueryJavaScriptREM
- document.documentElement和document.body區別簡單介紹
- document.body.clientHeight和document.documentElement.clientHeight區別client
- document.getElementById(), getElementsByname(),getElementsByClassName()區別
- jQ基礎篇–$(document).ready()和JavaScript onload事件JavaScript事件
- JavaScript客戶端document物件和window物件的區別JavaScript客戶端物件
- JavaScript 裡 window, document, screen, body 這幾個名詞的區別JavaScript
- ??與?:的區別
- MySQL的@與@@區別MySql
- mybatis #與$的區別MyBatis
- Null 與 “” 的區別Null
- &與&&, |與||區別
- in與exist , not in與not exist 的區別
- CentOS 與 Ubuntu 的區別CentOSUbuntu
- artice與section的區別
- GET 與 POST 的區別
- WebSocket 與 Socket 的區別Web
- Postgresql與MySQL的區別MySql
- chown與chmod的區別
- session與cookie的區別SessionCookie
- LESS與SASS的區別
- free 與 CFRelease 的區別