$(document).ready(function() {
});
$(window).ready(function () {
});
$(window).load(function() {
});
$(window).on('load', function () {
});
$(function() {
});
(function($) {
})(jQuery);
jQuery(document).ready(function ($) {
});
想問一下要用哪個才對？還是有其他更好的？
以及使用的時間點？
另外我發現我把這個拔下來，js代碼還是可以運行...所以是要在什麼樣的情況下才需要使用？
再來就是看哪個最通用？
已邀請的邦友 {{ invite_list.length }}/5
用這個最好，因為最精簡，其他可以忽略，使用的時間點在於確保html全部load完，
才開始執行js，避免js找不到html dom而發生錯誤，這種寫法等同把js寫在html之後
$(function() {
});
假設我js檔案很多個，每一個都要 $(function(){ 嗎？
是的，每個js檔案都是獨立，如果兩個js要使用同一個變數值，就把變數宣告成全域的，就這樣
我記得放在</body>之前，其他dom元素之後就可以。根元素就是<html>，放在他之後有點怪，雖然也不會有問題啦。
可以放在之前，是因為dom都已載入了，而且tag只要載入開頭的tag，就算有載入成功，所才才會跟放在html外，使用上沒什麼區別吧
還有一種方式，假設不透過jQuery的方法，或不確定jQuery是否載入
除了IE8外，其他瀏覽器都支持
document.addEventListener("DOMContentLoaded", function(event) {
//do work
});
參考資料
https://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery
這是許多開發人員常犯的錯誤。 他們使用 $document ready 而不是 $funcion？ 因為它寫起來更短，並且適用於所有情況。
描述：事實是！ 在 $func 的末尾？ 不允許連續調用多個異步函數。 為了連續調用多個異步函數，我們需要使用 jQuery 1.7 中引入的 .waitUntil 方法
那麼，我們如何知道我們的代碼什麼時候會異步執行，什麼時候不會呢？ 例如，如果您使用 $(document).ready() 之類的東西，那麼您的代碼總是同步執行，因為不涉及等待。
iThome鐵人賽
看影片追技術