1. 程式人生 > >JS/JQuery 文件載入完成

JS/JQuery 文件載入完成

1. $(function(){...});

  • 文件樹載入完執行的方法;(注意:不包括圖片、css、js等檔案);
  • 一個頁面中可以有多個$(function(){...}); 方法;

  • 兩種寫法:


     //第一種
    $(document).ready(function(){
        ...
    })

     //第二種(第一種的簡寫)
    $(function(){
      ...
    });

2. $(window).onload(function(){...});

  • 文件樹及其所有檔案載入完之後執行的方法(所有檔案載入完,eg:圖片、js、css、font等檔案);
  • 一個頁面中有且只能有一個此方法;
  • 兩種寫法:

  //第一種:(JQuery寫法)
  $(window).onload(function(){

    ...

  });

  //第二種:(JS寫法)
  window.onload = function(){

    ...

    }