问题遇到的现象和发生背景
我在html文件中引入了一个script,在script中加入了耗时的代码,理论上来加载js文件并执行会阻塞渲染html,我猜想会过一段时间再展示C这段文本,然而实际运行结果则是输出的内容并不影响后面的DOM渲染,有巨佬能指点一下为什么吗?
问题相关代码,请勿粘贴截图
<html>
<head>
</head>
<body>
<div>AAAA</div>
<script type="text/javascript" src="./test.js"></script>
<div>C</div>
</body>
</html>
//test.js
console.time("d1");
for(let i = 0;i < 10000;i++) {
document.write(i);
}
console.timeEnd("d1")