简单
技术面试0 次浏览微博页面上有很多动态加载的图片,当图片加载失败时,需要显示一张默认的占位图。请用 JavaScript 实现一个图片加载失败时替换为默认占位图的功能。
微博前端工程师
JavaScript图片加载错误处理
答题要点
推荐使用功能实现思路的答题框架。关键要点如下:1. 获取图片元素:可以使用 `document.querySelectorAll` 等方法获取页面上所有图片元素。2. 绑定错误事件:为每个图片元素绑定 `onerror` 事件。3. 替换图片:当图片加载失败触发 `onerror` 事件时,将图片的 `src` 属性替换为默认占位图的地址。示例话术:首先,我会使用 `document.querySelectorAll('img')` 获取页面上所有的图片元素。然后,通过遍历这些元素,为每个元素添加 `onerror` 事件监听器。在事件处理函数中,将图片的 `src` 属性设置为默认占位图的地址,代码如下:`img.onerror = function() { this.src = 'default.jpg'; }`。