Javascript 为什么它将defer显示为async，将async显示为defer？获得；“dom解析事件”；正确的！但是没有？
我有一个加载器，想学习异步和延迟计时。它是动态插入的外部脚本标记-无内联延迟 起初，我很难理解为什么async的行为是延迟的——它是在DOMContentLoaded之后执行的 对于2000个DOM元素，异步启动表明它可以在加载DOMContentLoaded之前执行。它从本地驱动器加载。通过从主机获取，在等待响应时异步执行脚本更有意义。这样就行了 然后我改为测试延时和超调。。现在我要和一个笑话抗争，为什么延迟在加载DOMContentLoaded之前表现为异步执行 由于100000个DOM元素占用了30多秒的时间，脚本的执行仍然发生在加载DOMContentLoaded之前。怎么了 这是我测试的相关部件 loader.jsJavascript 为什么它将defer显示为async，将async显示为defer？获得；“dom解析事件”；正确的！但是没有？,javascript,performance,dom-events,web-performance,Javascript,Performance,Dom Events,Web Performance,我有一个加载器，想学习异步和延迟计时。它是动态插入的外部脚本标记-无内联延迟 起初，我很难理解为什么async的行为是延迟的——它是在DOMContentLoaded之后执行的 对于2000个DOM元素，异步启动表明它可以在加载DOMContentLoaded之前执行。它从本地驱动器加载。通过从主机获取，在等待响应时异步执行脚本更有意义。这样就行了 然后我改为测试延时和超调。。现在我要和一个笑话抗争，为什么延迟在加载DOMContentLoaded之前表现为异步执行 由于100000个DOM元素
window.addEventListener('DOMContentLoaded', function() {
console.log("DOMContentLoaded");
});
var s = document.head.appendChild(document.createElement('script'))
// s.async = true; s.defer = false;
s.async = false; s.defer = true;
s.src = "script.js"
console.log("Fetch script");
console.log("Execute script");
window.addEventListener('DOMContentLoaded', function() {
console.log("DOMContentLoaded");
});
var s = document.head.appendChild(document.createElement('script'))
// s.async = true; s.defer = false;
s.async = false; s.defer = true;
s.src = "script.js"
console.log("Fetch script");
console.log("Execute script");
<html>
<head>
<script src="loader.js"></script>
</head>
<body>
<script> window.ti = performance.now() </script>
--- put here every html you can find ---
<script>
var n = document.getElementsByTagName('*').length
var t = parseInt(performance.now() - ti) / 1000
document.write("<br>Parsed " + n + " elements in " + t + " s ")
</script>
</body>
</html>
现在我们有一个例子，DOMContentLoaded在DOM出现在屏幕上之前激发。怎么做
编辑#1 当心DOMContentLoaded-我想要“解析dom内容”
（这就是代码中的bug——或者在我的脑海中）
更正（感谢尖头）-用我的话说 延迟脚本在dom解析后执行，但dom仍在加载。。当延迟的脚本和最终事件完成时，DOMContentLoaded将激发 所以我需要的是某种“解析的DOMContent”。我发现最好的是readystatechange事件和文档。readyState 让我们用这行代码扩展loader.js：
s.onload = function(){ console.log(document.readyState) }
Fetch script
Execute script
loading
DOMContentLoaded
document.addEventListener('readystatechange', function() {
console.log(">>" + document.readyState);
});
console.log("Execute script " + document.readyState);
结论：有时延迟行为为异步，异步行为为延迟延迟属性的定义如下： 此布尔属性设置为向浏览器指示脚本将在解析文档之后、但在触发DOMContentLoaded之前执行 带有defer属性的脚本将阻止触发DOMContentLoaded事件，直到脚本加载并完成计算
您看到的是预期的行为。谢谢您的快速回答！是否存在“文档已被解析”事件？由于
deferdefer.getElementById（）