如何监听html外链资源加载失败

GlobalEventHandlers.onerror
混合事件 GlobalEventHandlers 的 onerror 属性是用于处理 error (en-US) 的事件
Error事件的事件处理程序,在各种目标对象的不同类型错误被触发:

当JavaScript运行时错误(包括语法错误)发生时,window会触发一个ErrorEvent接口的error事件,并执行window.onerror()。
当一项资源(如img或script)加载失败,加载资源的元素会触发一个Event接口的error事件,并执行该元素上的onerror()处理函数。这些error事件不会向上冒泡到window,不过(至少在Firefox中)能被单一的window.addEventListener (en-US)捕获。
加载一个全局的error事件处理函数可用于自动收集错误报告。

window.onerror
window.onerror = function(message, source, lineno, colno, error) { … }
函数参数:

message:错误信息(字符串)。可用于HTML onerror=””处理程序中的event。
source:发生错误的脚本URL(字符串)
lineno:发生错误的行号(数字)
colno:发生错误的列号(数字)
error:Error对象(对象)
若该函数返回true,则阻止执行默认事件处理函数。

window.addEventListener(‘error’)
window.addEventListener(‘error’, function(event) { … })
ErrorEvent 类型的event包含有关事件和错误的所有信息。

element.onerror
element.onerror = function(event) { … }
element.onerror使用单一Event参数的函数作为其处理函数。

发表评论