jquery $(document).ready() 與window.onload的區別

1.執行時間code

window.onload必須等到頁面內包括圖片的全部元素加載完畢後才能執行。 
    $(document).ready()是DOM結構繪製完畢後就執行,沒必要等到加載完畢。

2.編寫個數不一樣圖片

window.onload不能同時編寫多個,若是有多個window.onload方法,只會執行一個 
     $(document).ready()能夠同時編寫多個,而且均可以獲得執行

3.簡化寫法資源

window.onload沒有簡化寫法 
     $(document).ready(function(){})能夠簡寫成$(function(){});
  • 但有時候須要頁面資源所有加載完成以後才能執行一些方法就用
    ```
    $(window).load(function() {
    $("#btn-upload").click(function(){ //好比說:
    uploadPhotos();
    });
    });io

    ```function

相關文章
相關標籤/搜索