前端window.onerror()的用法

本文介绍如何使用JavaScript的onerror事件来捕获并上报页面中的错误信息至服务器,包括错误信息、出错文件及行号等关键细节。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

window.onerror = function(sMessage,sUrl,sLine){};

onerror函数的三个参数用于确定错误确切的信息,代表的意思依次为:错误信息;发生错误的文件;发生错误的行号。

示例:

<SCRIPT>
window.onerror=fnErrorTrap;
function fnErrorTrap(sMsg,sUrl,sLine){
oErrorLog.innerHTML="<b>An error was thrown and caught.</b><p>";
oErrorLog.innerHTML+="Error: " + sMsg + "<br>";
oErrorLog.innerHTML+="Line: " + sLine + "<br>";
oErrorLog.innerHTML+="URL: " + sUrl + "<br>";
return false;
}
function fnThrow(){
eval(oErrorCode.value);
}
</SCRIPT>
<INPUT TYPE="text" ID=oErrorCode VALUE="someObject.someProperty=true;">
<INPUT TYPE="button" VALUE="Throw Error" onclick="fnThrow()">
<P>
<DIV ID="oErrorLog">
</DIV>
上面是借鉴了别人的一个demo!
下面是将页面的错误捕获,然后发送到服务器。
window.onerror = function (errorMessage, scriptURI, lineNumber, columnNumber, errorObj) {
 var config = {
 postUrl: "/saveError",
 postType: "post"
 }
  
 var info = "错误信息:" + errorMessage + "</br>" +
 "出错文件:" + scriptURI + "</br> " +
 "出错行号:" + lineNumber + "</br>" +
 "出错列号:" + columnNumber + "</br>" +
 "错误详情:" + errorObj + "</br></br>";
 // console.log(info);
 $.ajax({
 url: config.postUrl,
 type: config.postType,
 data: {
 url: window.location.href,
 error: info
 }
 }).done(function (result) {
  
 })
 return true;
 }


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值