下載所有腳本標籤後，DOMContentLoaded是否被觸發？

考慮以下情形：下載並執行所有外部推遲腳本後下載所有腳本標籤後，DOMContentLoaded是否被觸發？

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
</head> 

<body> 
    <script src="js/heavy_js_file.js" defer></script> 
    <script src="js/heavy_js_file2.js" defer></script> 
    <script> 
    document.addEventListener("DOMContentLoaded", function(event) { 
     console.log("DOM fully loaded and parsed"); 
    }); 
    </script> 
</body> 

</html>

會DOMContentLoaded火？

P.S：MDN definition表示DOMContentLoaded在解析html DOM後觸發。我不知道解析html dom是否意味着下載和執行js文件。

來源

2017-05-20 user31782

是的，只要腳本不是異步，解析腳本後就會觸發DOMContentLoaded。

編輯我不知道如何標記了一個問題，重複的，但我敢肯定的是anwser已經在這裏：Defer attribute and onload event

來源

2017-05-20 15:54:56 Booster2ooo

下載所有腳本標籤後，DOMContentLoaded是否被觸發？

回答

相關問題