下载所有脚本标记后是否会触发DOMContentLoaded？

Question

考虑以下情况：

<!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定义说DOMContentLoaded是在解析html之后触发的。我不确定解析html dom是否也意味着下载和执行js文件。

Answer 1

是的，如果您的脚本不是异步的，那么在解析脚本之后就会触发DOMContentLoaded。

编辑:我不知道如何把这个问题标记为重复，但我很确定前面已经有了：延迟属性和onload事件