JavaScript 小陷阱 (5) - window.onload()

回應：JavaScript 小陷阱 (5) - window.onload()

Tue, 19 Feb 2008 17:52:18 +0800

謝謝你提供的好方法、解惑 ^^感恩

回應：JavaScript 小陷阱 (5) - window.onload()

Tue, 19 Feb 2008 17:29:13 +0800

To 俠雨：第一個 ///Action2 == null 是錯的， Action2 這時會是個空函式，而不是 null 。

回應：JavaScript 小陷阱 (5) - window.onload()

Tue, 19 Feb 2008 17:12:26 +0800

你好~請問以下用"///"所註解的程序內容是否正確，謝謝： --- HTML頁面載入中：--- var Action2 = window.onload || function () {}; ///Action2 == null window.onload = function () // Function B { Action2(); alert('Action 2'); } var Action1 = window.onload || function () {}; ///Action1 == Functin B window.onload = function() // Function A { Action1(); alert('Action 1'); } var Action3 = window.onload || function () {}; ///Action3 == Functin A window.onload = function () // Function C { alert('Action 3'); Action3(); } --- 頁面載入完成，開始執行window.onload事件：--- 因在頁面載入的最後，window.onload = Functin C 所以Function執行順序為： C → 顯示'Action 3'，由Action3() 呼叫 Functin A → A → 由 Action1() 呼叫 Functin B → B → Action2()是空值，顯示'Action 2' → B執行完回到A A → 顯示'Action 1' (顯示結果依序為：Action 3 → Action 2 → Action 1)

回應：JavaScript 小陷阱 (5) - window.onload()

Thu, 15 Nov 2007 14:36:03 +0800

這麼清楚的解說感激涕澪

回應：JavaScript 小陷阱 (5) - window.onload()

Thu, 15 Nov 2007 12:00:23 +0800

To Simon: 1. onload 事件會在整個 HTML 頁面 (包含圖片等) 載完後才執行。 2. body 的 onload 會蓋掉你上面的 window.onload 的指定，也就是類似以下的程式碼： function doThisOnLoad() { //something... } var oldOnload = window.onload || function () {}; window.onload = function () { oldOnload(); // Do Something... } // 在 body onload 等同於這樣： window.onload = doThisOnLoad; // 也就是上面的 window.onload 被這行蓋台了。 3. 所以建議你不要把 window.onload 和 body 的 onload 事件混用。

回應：JavaScript 小陷阱 (5) - window.onload()

Thu, 15 Nov 2007 11:29:05 +0800

邏輯上想不通... 譬如：上面的