分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

js解决img标签加载失败显示默认图片

发布时间:2023-09-06 02:16责任编辑:熊小新关键词:js

问题:

  为所有显示楼盘的页面添加一个加载失败的默认图片.

基本思路:

  img标签中有个onerror属性,专门用来处理加载失败的事件.所以可以用jquery添加onerror属性,在onerror中加载默认图片.

$(function(){//注册加载失败事件,再次加载时先重新设置url,在清空原先的注册加载失败事件$("img").attr("onerror","this.src=‘img/error.jpg;this.onerror=null;‘");//遍历img标签,再次重新加载$("img").each(function(){this.src = this.src;});});

  注意:在页面加载的时候添加,并且添加完成后清空onerror,否则会一直循环请求.

js解决img标签加载失败显示默认图片

原文地址:https://www.cnblogs.com/lishuaiqi/p/9707587.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved