Question

有没有办法异步加载html中图像标签的src属性中指定的图像？

我的最终目标是通过图像src标记来打一个java类。我希望它是异步的，而不会干扰网页的当前功能。

如何做到这一点？

Answer 1

所有图像都是异步加载的。如果在页面的初始HTML中存在指定了<img>属性的src标记，则会在解析和加载页面的HTML时立即开始加载。

如果要控制何时开始加载，则无法在页面的HTML中指定img URL。

例如，当您调用此函数时，此javascript将异步加载img，并且在成功加载时将调用您的回调：

function createImg(url, fn) {
    var img = new Image();
    img.onload = fn;
    img.src = url;
    return(img);
}

然后，您可以根据需要将此图片标记添加到页面DOM中。

根据您的评论，目前尚不清楚您的确想做什么。也许你真的只想向你的服务器发出ajax调用，而不需要乱用img标签。

Answer 2

当请求页面时，任何带有src属性的IMG标记都会立即加载。

如果您想控制应该请求图像的方式和时间，可以将源放在数据属性中。