最近项目里面有很多地方需要加载图片,但是有的图片后来不在了,显示的xx比较难看,为了不影响美观,所以需要设置默认图片
这种情况下可以利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。
<img src="pic/logo2009Blu.gif" onerror="this.src='/pic/default.gif'">
如果一个界面已经画好,图片太多,格式大小比较统一的话,也可以直接注册
//设置默认图片显示
$(document).ready(function () { $("img").error(function () { $(this).attr("src", "../../Images/Comm/default.png"); }); });
这样就方便多了,不需要再去一个一个的给ing挂onerror
优缺点需要自己衡量,选择适合自己的方法