1. 程式人生 > >$(window).load、$()與window.onload

$(window).load、$()與window.onload

    在不能使用`$(function(){})`的場合居然忘了jquery中等價於window.onload的方法怎麼寫,那個汗啊!記錄一下,以免再忘

$(window).load與window.onload的對比如下表

效果等價程式碼 Jquery程式碼 javascript原生程式碼
頁面所有內容載入完成後才執行(包括圖片) $(window).load(function(){//程式碼}) window.onload = function(){//程式碼}
DOM結構繪製完成後即執行(不必等到載入完畢,圖片等內容還沒有載入) $(function(){//程式碼})
無(準確的說應該是非常複雜)
主要區別 可同時使用多次 同時只能使用一次

$(document).ready()與window.onload的對比如下圖
這裡寫圖片描述

以上內容摘錄自:《鋒利的jQuery 第2版 》