我在文档正文中有此代码:
<body>
<div>
<img id="image1" src="https://source" style="...">
</div>
</body>
文档什么时候开始下载图像数据？
- 解析src后
- 解析 img 元素后
- 解析body后
- 解析整个文档后
- 或者它会随着浏览器的不同而改变吗？
如果您知道任何有关此的文档，请写信。 我感谢您的所有帮助。
最佳答案
如果您正在寻找下载的“开始”，那就是 <img> 的时间。已解析。
但是，您可能对其他事情感到困惑:
动态添加图像时，即
var img = new Image()，当您分配src时，图像开始下载属性，而不是当您将其附加到 DOM 时。当
DOMContentLoaded触发后，DOM 已准备好进行操作。但是，图像、样式和其他资源尚未完全加载。当
window的load事件触发是您确信所有内容(包括图像)都已完全加载的时间。
最后两个要点与下载的开始无关。但对于图像方面正在发生的事情来说，这是很好的线索。在这两个阶段中，图像分别正在下载和完成，这意味着它们不能成为下载的开始。下载一定是早些时候发生的。
您可以在浏览器的开发工具上检查网络时间线，以了解图像实际开始下载的时间。
关于javascript - html 图像何时开始下载数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42749059/