欢迎来到17模板网,本站为你提供优质的网站模板、CMS模板。

HTML标签IMG图片不存在时显示默认图片

小巫 发表于 2018-04-08  /  查看:  /  回复:  /  分类:HTML-CSS-JS

有时遇到这样一种情况,在网页上调用一个图片,就像杰奇小说的封面,有时候封面没有采集到,又没有在程序里判断封面是否存在,这时候HTML标签<img src="图片路径" />,大多数浏览器就会显示一个X,各浏览器不同显示也不同,不管显示什么都不美观,影响用户体验。

可以在图片标签里加一个属性,能让图片找不到的时候显示自行设置好的图片,最后代码变成下面这样:

<img src="图片路径"  onerror="this.src='default.jpg'" />

  这样就能把在“图片路径”里找不到的图片用default.jpg代替了。

上面的方法是用JS显示默认的图片,如果真实图片不存在还是会返回404状态码。

本文地址:https://www.17mb.com/jianzhan/htmlcss/43.html

附件下载

    文章评论

    在下面输入回复(网友观点不代表本站观点,请文明发言,遵守法律法规!)