Question

这可能是一个真正愚蠢的问题，所以我道歉，我随时准备删除自己的问题。

我的HTML5应用中有一个图片元素，我给了一个＆＃39; img1＆＃39;像这样：

<img id="img1" src="" /`>

我将模块变量分配给这个元素，如下所示：

var staticImgArray = document.getElementById('img1');

我通过将图像src绑定到Generic处理程序（我正在使用ASP.NET）

来设置它

staticImgArray .src = 'get image from this link';

现在我需要知道图像在什么时候完成加载。目前我使用此代码来确定：

staticImgArray.onload = function () {
   //image has loaded
};
staticImgArray.onerror = function () {
   //image has not loaded properly but has finished trying?
};

但是...

staticImgArray.src = 'get image from this link';
**//image has finished loading here..??**

//other code runs here afterwards

...如果上述陈述不正确，那么这是否意味着图像的加载是异步完成的？

由于

Answer 1

加载是异步的。这是一个工作示例，显示加载图像后触发onload回调，但js执行不会停止

fiddle

var staticImgArray = document.getElementById('img1');

staticImgArray.onload = function () {
   //other code after image loads runs here

    console.log('loaded');
};

staticImgArray.src = 'http://static.adzerk.net/Advertisers/c050fce5e0094decb57fdb53f4ca4254.jpg'

console.log('I fire first though');

图像加载完成的那一刻

1 个答案: