1. 程式人生 > >js中onload和jQuery中的ready區別

js中onload和jQuery中的ready區別

沒有 dom 所有 出現 jquer 方法 點擊 div nload

window.onload必須等到頁面內包括圖片的所有元素加載完畢後才能執行。 ------>不能寫多個(如果有多個,只會執行一個)

$(document).ready()是DOM結構繪制完畢後就執行,不必等到加載完畢。 ------->可以寫多個 ---->同 $(function(){});

$(document).ready(function(){
  // 執行代碼
});
或者
$(function(){
  // 執行代碼
});
$(document).ready(function(){
...
});//這個時候,不一定要等所有的js和圖片加載完畢,就可以執行一些方法,不過有些時候,必須要等所有的
//元素都加載完畢,才可以執行一些方法的時候,比如說,部分圖片或者什麽其他方面還沒有加載好,這個時候,點擊某些按鈕,會導致出現意外的情況,這個時候,就需要用到:
$(window).load(function ()
{
  $("#btn-upload").click(function ()
  {
    //比如說:
    uploadPhotos();
  });
});

js中onload和jQuery中的ready區別