html5 – 加载图像异步

前端之家收集整理的这篇文章主要介绍了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.

原文链接:https://www.f2er.com/html5/168200.html

猜你在找的HTML5相关文章