行爲不同的JavaScript執行上下文

Question

有一個彈出說 - alert("Hi Tuhin!");
哪些基本差異時，我們用各種方法和事件提醒如下：

1. 腳本標記示例直接在<script type="text/javascript">alert("Hi Tuhin!");</script>
2. 在document.addEventListener("DOMLoaded", function(){alert("Hi Tuhin!");}, false);
3. 內window.onload = function(){ alert("Hi Tuhin!"); }
4. $("document").ready(function() { alert("Hi Tuhin!"); });
5. <script type="text/javascript"> window.alert("Hi Tuhin!") </script>

Answer 1

嗯，這更多的是如何/何時這些警報被解僱的問題。

1）加載script時，這會提醒，ERGO，只要您的代碼獲得遠了。

2）不太確定你打算在這裏調用哪一個，不論是已棄用的document.observe('dom:loaded', function(){})還是document.addEventListener("DOMContentLoaded", function(event){})。後者，我假設是你的意思，只要加載DOM時就會觸發，而不用等待任何CSS /圖像完成。後的所有元素在DOM已加載，包括圖像和諸如此類的東西

3）window.onload將閃光。

4）$("document).ready()與DOMContentLoaded類似，它會在DOM加載後立即觸發。

5）window.alert()是非常類似於使用剛剛alert()，但是調用window.alert（）是一個好主意，如果你在你的範圍稱爲alert的功能。