HTML如果图片未找到
当图片无法加载时,通常会显示一个默认的图标或者一个代替的文本。然而,有时候我们希望在图片无法加载时不显示任何内容。这个问题的出现可能是因为我们希望在图片无法加载时不显示任何内容,但是HTML默认的行为是显示一个代替的文本或者图标。
为了解决这个问题,我们可以使用onerror属性来替换Robby Shaw的解决方案中的函数,将其修改为"this.remove()"。这样,当图片无法加载时,就会直接移除掉这个img元素,从而不显示任何内容。
下面是一个示例代码:
在这个示例中,第一个img元素的onerror属性为空,所以当图片无法加载时,会显示一个代替的文本。而第二个img元素的onerror属性被修改为"this.remove()",所以当图片无法加载时,这个img元素会被直接移除掉,不显示任何内容。
通过使用onerror属性并修改其对应的函数,我们可以实现在图片无法加载时不显示任何内容的效果。这种方法可以让页面更加简洁和清晰,避免了因为图片无法加载而导致的不必要的显示。
当网页中的图片无法加载时,我们可以通过添加onerror
属性来解决这个问题。具体的解决方法如下:
通过以上代码,我们可以看到onerror
属性被用来监测图片加载错误事件。当图片无法加载时,onerror
会触发,然后我们可以在onerror
中编写代码来处理这个错误。在这个例子中,我们使用了this.onerror=null;
来避免无限循环,并且将图片的src
属性设置为默认图片'Default.jpg'
。
上述方法是解决这个问题的最佳方式。通过更改图片文件名,我们可以自行尝试解决问题。同时,搭配使用有用的alt
属性,这是一个很好的解决方法。
需要注意的是,如果'Default.jpg'
也无法加载,我们会陷入无限循环。为了避免这种情况,我们可以添加一个判断if (this.src != 'Default.jpg')
来进行检查。
另外,对于使用React的开发者,可以参考stackoverflow.com/questions/34097560/…来解决类似问题。
需要注意的是,onerror
属性已被标记为过时和不推荐使用,并且不支持IE11。对于需要商业支持的项目,可以参考caniuse.com/mdn-html_elements_img_onerror
获取更多相关信息。