用于知道图像何时加载的Javascript回调
用于知道图像何时加载的Javascript回调
提问于 2018-03-05 07:43:23
我想知道图像何时完成加载。有回调的方法吗？
如果没有，有没有办法做到这一点？
回答 2
Stack Overflow用户
发布于 2018-03-05 15:45:29
.complete+回调是符合标准的，没有图书馆的方式。这不等于必要：
var img = document.querySelector('img')
function loaded() {
alert('loaded')
}
if (img.complete) {
loaded()
} else {
img.addEventListener('load', loaded)
img.addEventListener('error', function() {
alert('error')
})
}Stack Overflow用户
发布于 2018-03-05 16:46:20
Image.onload（）通常会起作用。
要使用它，您需要确保在设置src属性之前绑定事件处理程序。
相关链接：
用法示例：
<html>
<head>
<title>Image onload()</title>
</head>
<body>
<img src="#" alt="This image is going to load" id="sologo"/>
<script type="text/javascript">
window.onload = function () {
var logo = document.getElementById('sologo');
logo.onload = function () {
alert ("The image has loaded!");
};
setTimeout(function(){
logo.src = 'http://stackoverflow.com/Content/Img/stackoverflow-logo-250.png';
}, 5000);
};
</script>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100003576
复制相关文章
相似问题