$(window).load、$()與window.onload
阿新 • • 發佈:2018-12-26
在不能使用`$(function(){})`的場合居然忘了jquery中等價於window.onload的方法怎麼寫,那個汗啊!記錄一下,以免再忘
$(window).load與window.onload的對比如下表
效果等價程式碼 | Jquery程式碼 | javascript原生程式碼 |
---|---|---|
頁面所有內容載入完成後才執行(包括圖片) | $(window).load(function(){//程式碼}) |
window.onload = function(){//程式碼} |
DOM結構繪製完成後即執行(不必等到載入完畢,圖片等內容還沒有載入) | $(function(){//程式碼}) |
無(準確的說應該是非常複雜) |
主要區別 | 可同時使用多次 | 同時只能使用一次 |
$(document).ready()與window.onload的對比如下圖
以上內容摘錄自:《鋒利的jQuery 第2版 》