Tuesday, February 16, 2016

[jQuery] 如何讓網頁一開啟 就用 jQuery 執行某件事 (onload)


範例:
$(window).on("load", function() {
  $("#mydiv").css({"display":"none"});
});

也可以使用下列語法
$(document).ready(function() {
  $("#mydiv").css({"display":"none"});
});

差別在於

如果需要在所有資源(包括圖片和外部資源)完全載入後才執行任務,使用 $(window).on("load", function() { ... });。

如果只需要在 DOM 結構載入並解析完成後就執行任務,使用 
$(document).ready(function() { ... });。

一般情況下,$(document).ready(function() { ... }); 更常用,因為大部分操作只需在 DOM 準備好後就可以執行。(較快觸發)

No comments:

Post a Comment