如何处理前端js报错——容错处理的汇总
在工作和实践中,总会遇到图片,,等的路径找不到。当然能够找到是极好的,但如果图片或某些文件写在被封装压缩整理过的js中,其实就是两种情况,跨域或不跨域
1)跨域,请求的img失败,没有显示,显示本地默认的一个图在onerror中处理
2)同域,同域如果目的图片加载不出,errorImg估计也加载不出,当然排除低级错误
可先用js去预判不稳定的服务器下的图片
function addImg(isrc){
var Img = new Image();
Img.src = isrc;
Img.onload = function(){
document.body.appendChild(Img);
}
Img.onerror = function(){
console.log("error");
}
}
如何屏蔽报错信息404.有以下几种方法。
1.强大的处理方式,所有的报错都可以被屏蔽
//js
window.onerror = function(){return true};
2.处理图片缺失问题,对缺失的文件自动填充
*****常规写法*****
//js
function imgError(image){
image.onerror ="";
image.src = "/images/noimage.jpg";
return true;
}
//html
<img src="data:image.jpg" οnerrοr="imagError(this);"/>
*****内联式*****
<img src="data:image.jpg" onerror = "this.onerror = null;this.src = '/images/noimages/jpg';" />
*****使用jQuery*****
<img src="data:image.jpg" οnerrοr="imagError(this);"/>
$("img").error(function(){
$(this).unbind("error").attr("src","broken.jpg");
});
如何处理前端js报错——容错处理的汇总相关推荐
- 【前端】诸葛io收集前端js报错信息
转载请注明出处:http://www.cnblogs.com/shamoyuu/p/zhuge_error.html 一.什么是诸葛io 诸葛io就是通过分析用户的操作事件对用户数据,行为路径等进行分 ...
- Eclipse中导入项目后js报错解决方法
Eclipse中导入项目后js报错的原因与解决方法 在我们将项目导入Eclipse后,配置好各种编译条件.加载好jar包.配置好tomcat后发现项目还是报错,(前提是项目本身并没有错误,而是我们在初 ...
- ie8 js未指明的错误_修复ueditor百度编辑器在IE8下shCore.js报错'undefined'错误的问题...
ueditor在IE8下点击任意文本框报脚本错误 错误问题: 在IE8下出现脚本错误 'undefined' 为空或不是对象 的问题 出现问题的文件为: 行数:299行 文件路径:ueditor\th ...
- Eclipse和MyEclipse使用技巧--解决MyEclipse中的js报错的小方法
今天,下了个模版,但是导进去的时候发现js会报错.看了下其他都没有错误.而有一个js报错误,请原谅我有点红色强迫症,不能留一点红色 . 错误如下: Syntax error on token &quo ...
- web-packwebpack .\src\main.js .\dist\bundle.js 报错
(1)使用指令 web-pack>webpack .\src\main.js .\dist\bundle.js 报错 (2).问题分析,wbpack版本太高,指令不一样.我的是v4.14.0 ...
- 【js监听报错】页面监听js报错问题
<html> <head> <script type="text/javascript">// 页面监听js报错问题 οnerrοr=handl ...
- requirejs页面刷新失效js报错问题解决方案
插件名称:requirejs 问题:页面刷新后模块载入失效,js报错 下载地址:http://www.chtml.cn/topic/show/10816 问题原因: requirejs是先加载本身在加 ...
- JS报错:Cannot read property 'type' of undefined
在做图片上传功能的时候,遇到了JS无法识别图片type的问题,在使用过程中是没有问题的,但是不知道为什么浏览器的Console报这个错误: Uncaught TypeError: Cannot rea ...
- 百度编辑器回显js报错Uncaught SyntaxError: Invalid or unexpected token
这个错误是因为回显的内容里面包含了回车,导致js报错 解决办法如下: $vo['content'] = strreplace(array("\r\n", "\r" ...
最新文章
- 【GLib】GLib学习笔记(一):GLib、GObject、GType
- 《OpenStack实战》——第1章 介绍OpenStack 1.1OpenStack是什么
- python为什么那么难学_Python入门很难吗? 为什么越来越多的人都学Python?
- 前段框架——VueX
- 为程序员量身定做的目标
- springboot Serving Web Content with Spring MVC
- win7安装mysql 5.7.25_Windows下安装mysql-5.7.25-winx64.zip
- 离线实时一体化数仓与湖仓一体—云原生大数据平台的持续演进
- 电脑cpu温度过高怎么办_网络资讯:电脑cpu占用过高处理办法
- linux实验四文件安全,西北农林科技大学Linux实验四 用户和文件安全
- java collection 遍历_Java for循环对集合的遍历
- java三种注释_Java中三种常见的注释(注解) Annotation
- 使用子查询可提升 COUNT DISTINCT 速度 50 倍
- Java springcloud B2B2C o2o多用户商城 springcloud架构- ribbon
- 【STC15系列】STC15软串口输出打印示例程序
- 越狱Season 1-Season 1, Episode 3: Cell Test
- mac搜索不到wifi wtg_Mac连不上WiFi怎么办?Mac连不上无线网络解决办法
- 【javascript】JS+DOM实现图片库(改进版)
- mysql中ndb_restore_mysql ndb集群与恢复
- citra 图形设置_功能强大的图形绘制软件
热门文章
- 双足机器人的稳定性判据_双足机器人行走稳定性探究.pdf
- 决策树 (Decision Tree) 原理简述及相关算法(ID3,C4.5)
- svn 更新命令(冲突时使用theirs)
- Java编程思想读书笔记——第十章:内部类
- Google I/O开发者大会第二弹之未来
- 华硕飞行堡垒7开启虚拟化
- 同志们,免费版的Ant Design Pro Vue3 来啦
- OSChina 周四乱弹 —— 曾经有只老鹰冲着我提需求
- SpringBoot中MybatisX插件的简单使用教程(超详细!!)
- 【C语言】极坐标转换为直角坐标