html5 – 加载图像异步

如果我有一个图像标签,如下所示：

<img src="myimage.jpg" />

如果我添加“异步”：

<img async src="myimage.jpg" />

图像加载会异步吗？

解决方法

var img = new Image(),url = "myimg.jpg",container = document.getElementById("holder-div");

img.onload = function () { container.appendChild(img); };
img.src = url;

这将在您在脚本中请求时立即开始加载图像,并且只要图像完成加载,它将抓取并将图像添加到该图像.

有很多其他的方法来做这个…
这只是一个单一图像异步加载的简单例子.

但道德是这样的：要使异步加载工作,请将其加载到JavaScript中并使用onload,或者在页面上包含图像标签,而不使用src属性(指定HTML中的宽度和高度),并返回到JS中的某个时间点,设置图像URL.