爲什麼evenlistener在jsfiddle中不能正常工作？

Question

請看看jsfiddle 或在這裏：

JS：

document.addEventListener('DOMContentLoaded', function myFunction() { 
alert("Hello! I am an alert box"); 
}, false); 

爲什麼這evenlistener不工作？它應該工作，因爲它在其他地方起作用。我認爲這是因爲iframe，但我不知道...

任何想法？

Answer 1

您已將JS Fiddle配置爲將代碼包裝在onload事件處理程序中。

事件的順序是：

1. Load事件處理程序的約束。
2. DOM內容加載的火災。沒有什麼可以聽的。
3. 加載事件觸發。
4. 負載處理程序執行，並結合DOM內容加載監聽

你需要它監聽的火災事件之前，事件處理程序綁定。將JS Fiddle選項更改爲「無包裝」選項之一。由於您沒有觸摸DOM中的任何內容，因此您選擇哪一個並不重要。

Answer 2

變化load type到No wrap - in body

要改變Load Type，請在腳本部分標籤JAVASCRIP，會出現一個彈出的意志。

Updated Fiddle。

這可能是因爲，默認情況下，您的腳本的負載類型爲On Load，因此所有腳本都已加載，但您的DOM尚未呈現。