如果我有一个图像标签,如下所示：
<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.