jq修复错误图片demo效果示例(整理)

简介: jq修复错误图片demo效果示例(整理)
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>修复错误图片</title>
</head>
<body>
  <img src="error.png" alt="" class="surface_plot" onerror="src='error.png'" />   <!-- 第一种img直接替换 -->
  <img src="error.png" alt="" onerror="nofind();" /> <!-- 第二种调用方法 -->
</body>
<script>
  function nofind(){ 
      var img=event.srcElement; 
      img.src="替换的图片路径"; 
      img.onerror=null; //控制不要一直跳动 
  };
  $("img").error(function(){  //第三种替换
    $(this).attr('src','替换的图片路径');
  });
</script>
</html>
相关文章
|
7月前
|
JSON JavaScript 前端开发
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
|
7月前
404错误模板源码
404错误模板源码
56 2
404错误模板源码
|
JavaScript
js随机飘动的广告图片代码demo效果示例(整理)
js随机飘动的广告图片代码demo效果示例(整理)
|
JavaScript
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
|
JavaScript
进入页面js加载进度条demo效果示例(整理)
进入页面js加载进度条demo效果示例(整理)
进入页面js加载进度条demo效果示例(整理)
|
JavaScript
js点击当前复制内容demo效果示例(整理)
js点击当前复制内容demo效果示例(整理)
|
JavaScript
js点击删除当前demo示例(整理)
js点击删除当前demo示例(整理)
|
JavaScript
js判断手机类型demo效果示例(整理)
js判断手机类型demo效果示例(整理)
|
JavaScript
js图片预加载记录demo示例(整理)
js图片预加载记录demo示例(整理)
|
JavaScript
js多图片上传--可删除demo效果示例(整理)
js多图片上传--可删除demo效果示例(整理)