img标签使用默认图片的一种方式

基于html5提供的onerror这个时间属性。

写法如下

测试如下

如图所示，显示的图片是默认图片。

以下是部分代码：分别用以下两段代码来测试

html+='<li><div class="pd"><a><img src="'+professor.img+'" οnerrοr="javascript:this.src=\'qing_style/img/list/04.jpg\'"></a></div>';

professor.img是对象professor的img属性即头像地址，可能为null；
html+='<li><div class="pd"><a><img src="null" οnerrοr="javascript:this.src=\'qing_style/img/list/04.jpg\'"></a></div>';

是src为null，做测试。

结果两种方式都测试成功。

转载于:https://www.cnblogs.com/liuleicode/p/5534356.html

img标签使用默认图片的一种方式相关推荐

图片img标签设置默认图片
图片img标签设置默认图片 1.让图片元素隐藏 2.设置默认图用户头像,默认商品图等.img的alt属性只是给图片设置未加载时的文字提示信息.这时,通常会用到onerror属性,一下为常用的两种方法 ...
网页中默认图片的几种解决方式
原文https://segmentfault.com/a/1190000016855234 现在网页中图片随处可见,但避免不了有时会出现图片资源失败的情况,在谷歌浏览器中就会显示这样 <img ...
vue项目设置img标签的默认图片
方法一: 首先看看以前(非vue)项目是怎么设置img标签的默认图片: // 设置默认图片 <img src="http://res.spreadwin.com/gmc38PE.jpg ...
c语言加载本地图片,Unity加载本地图片的2种方式
1. 使用 WWW 加载,详细查看 unity3d 官方文档. 2. 使用 System.IO 加载,lua 代码如下: local File = luanet.import_type("S ...
java servlet 返回图片_SpringMVC返回图片的几种方式
SpringMVC返回图片的几种方式后端提供服务,通常返回的json串,但是某些场景下可能需要直接返回二进制流,如一个图片编辑接口,希望直接将图片流返回给前端,此时可以怎么处理? I. 返回二进制图 ...
Andorid显示圆形图片的4种方式
这篇博客主要讲解了Android实现圆形图片的4种方式. Android中并没有一个原生的控件,可以显示圆形或圆角图片,因此需要我们自己去定义这样一个控件. 实现圆形/圆角图片的核心思想,就是按照一定 ...
a标签里面设置onclick_详解a标签添加onclick事件的几种方式
我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" rel="external nofollow" 这种方 ...
python读取多张图片_python读取图片的几种方式及图像宽和高的存储顺序
python读取图片的几种方式及图像宽和高的存储顺序 1.opencv 2.imageio 3.matplotlib 4.scipy # coding:utf-8 import cv2 import ...
[react] 在React中如何引入图片？哪种方式更好？
[react] 在React中如何引入图片?哪种方式更好? 第一种导入: import Img from "./images/1.png" 第二种直接获取图片: <img s ...

img标签使用默认图片的一种方式

img标签使用默认图片的一种方式相关推荐

最新文章

热门文章