JavaScript：检测资源加载失败（不是 404）

有没有办法检测不是 JS 中的 404 的资源加载失败？

<img>

window.addEventListener('error', function (e) {

console.log(e);

}, true);

document.querySelector("img").src = "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png";

</script></body></html>

我得到了类似的事件对象，但没有 404 和关闭 wifi 的详细信息。有没有办法区分这两种情况？我想将 404 视为正常，但将网络（套接字）故障视为错误。

芜湖不芜

浏览 226回答 2

2回答

交互式爱情

有一些老式的方法可以检测图像和脚本文件的加载是否成功。使用 img 元素，您可以添加内联或附加后现代的 onerror 事件处理程序。对于 JavaScript 文件，如果定义了函数，则该函数将位于全局命名空间中。例如，test.js：testfunc=function(){}然后您包含 JavaScript 文件，不知道它是否已加载：<script src="test.js"></script>但是您可以询问标志：if (!self.testfunc) // test.js failed to load

随时随地看视频慕课网APP