本文介绍了一种使用JavaScript来处理图片加载的方法，包括实例化图片对象、设置图片源、添加加载错误及加载完成事件监听器，并将加载成功的图片应用到页面元素上。
//1. 实例化图片对象
var img = new Image();
//2. 设置图片地址
img.src = 'https://www.baidu.com/img/baidu_jgylogo3.gif';
//3. 添加事件 当图片加载错误时执行
img.onerror = function(){
console.log('加载失败！');
}
//4.添加 加载完成事件
img.onload = function(){
console.log('加载完成');
//5.找到图片设置SRC
document.getElementById('demo').src = img.src;
}
var img = new Image();
//2. 设置图片地址
img.src = 'https://www.baidu.com/img/baidu_jgylogo3.gif';
//3. 添加事件 当图片加载错误时执行
img.onerror = function(){
console.log('加载失败！');
}
//4.添加 加载完成事件
img.onload = function(){
console.log('加载完成');
//5.找到图片设置SRC
document.getElementById('demo').src = img.src;
}
扫一扫
299
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
