1. 程式人生 > >window. onload=function(){} 與 $(function(){}) 的區別

window. onload=function(){} 與 $(function(){}) 的區別

頁面載入事件:window.onload=function(){} 和 $(function(){});

1、window.onload=function(){}是js原生的事件;

2、$(function(){});是JQuery的方法;

等同於 $(document).ready(function(){}); 意義為在DOM載入完畢後執行了ready()方法。

也等同與 jQuery(function(){});

兩者差別:

1、window.onload:在頁面所有資源載入完後執行,如果有多個定義則只執行最後一個

2、$(function(){}):在DOM載入完成時執行的程式碼,如果有多個定義則依次執行

比如:
當頁面中只有一個img標籤,當img節點建立完後就會執行$(function(){})中的程式碼,所以比window.onload效率高. 
當img的src指定的圖片完全載入完後才會觸發window.onload事件。