Ready & Load

Javascript

這個在舊的瀏覽器上也有支援

window.onload = function(e) {
    console.log("window loaded");
};
window.onload == document.body.onload

jQuery

Ready用法

滿常用的,先記錄一下

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});
  • 三種寫法

      $(document).ready(function)
    
      $().ready(function)
    
      $(function)
    
ready() 函数不要跟 <body onload=""> 一起使用。
ready() 也與 window.onload 不相容

另一位大大 Load

$(window).load(function)

差異

Ready
網頁本身的HTML載入完成後就觸發。
Load
網頁HTML標籤中引用的圖檔、內嵌物件、IFrame等拉哩拉雜的東西真的全部都載入後才會觸發。

參考資料 : stackoverflow

看更多

保哥 The Will Will Web

results matching ""

    No results matching ""