javascript - 如何确保定义 img.onload 函数的脚本在 img 之前加载？

Question

假设我的 HTML 按所示顺序包含这两个标签:

<script src="script.js"></script>
<img src="http://otherdomain.com/image.png" onload="imgLoad(this)"/>

并且script.js定义了函数imgLoad。我知道，当浏览器解析 HTML 时，它会首先看到脚本，从而首先请求它，但如果这需要很长时间并且图像在脚本之前完成加载，我将收到一个错误 imgLoad 未定义。

或者这实际上不可能吗？规范是否要求 onload 事件和 javascript 的运行按照元素声明的顺序同步发生？如果是这样，现代浏览器是否正确实现了这一点？

Answer 1

这是一个great article就这个主题而言。

TL;DR

图像不可能在脚本之前加载，因为脚本加载是同步的。这是为浏览器创建加载功能的最简单方法，因此是所有现代浏览器的默认功能。