个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
如果链接断开或不存在，以下代码段将用 GIF 图像替换 PNG 图像。我试图在 iframe 上应用它，但它似乎不起作用。这可能吗？
<html>
<body>
<iframe src="index1.html" onerror="this.onerror=null;this.src='https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif';"> </iframe>
<img src="test.png" onerror="this.onerror=null;this.src='https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif';" />
</body>
</html>非常感谢回复。提前致谢! :)
最佳答案
The onerror event is triggered if an error occurs while loading an external file (e.g. a document or an image).
iframe内容不是文件，因此不会触发onerror。您可以使用 JS 检查是否获得 HTTP 成功响应 (200)。
var myRequest = new Request('index1.html');
fetch(myRequest).then(function(response) {
console.log(response.status); // returns 200
}).catch(function(error) {
document.getElementById("iframe-id").src = "/your/file/path/here/somePage.html";
});<iframe id="iframe-id" src="index1.html"> </iframe>
<img src="test.png" onerror="this.onerror=null;this.src='https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif';" />关于javascript - 在 iframe 上使用 onerror，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52639526/
24
4
0
在Elm中，我有一个简单的图像，我希望将其替换为一些“缺少”的onerror图像。因此，我添加了一个“onerror”属性: img [ src "broken-link.png" ,
我正在编写一个程序来使用 os.walk 遍历文件系统。 我的 for 循环使用 os.walk，onerror 函数如下: def walk_error(os_error): return(
这可能是一个非常明显的问题，但请解释一下 xhr 和 xhr.upload 之间的区别是什么？ 我的用例是我正在将文件上传到服务器，但假设服务器出现故障。在这种情况下，我应该处理 xhr.onerro
我是 Flutter 的新手，我想了解我的错误处理程序有什么问题: import 'package:http/http.dart' as http; try { var response = aw
我的 VBA 中有以下示例代码。每当我遇到与系统相关的错误时，我想显示我自己的错误消息。但是下面的代码不起作用。 VBA 告诉 Type Mismatch 我想 Hello your date is
我的代码是这样的: function func1() { document.getElementById("img").src="pic.jpg"; ---stament2---
好吧，每当加载广告网络提供的图像时出现问题时，我都会尝试运行一些 JavaScript。 广告显示得很好，但我的脚本无论如何都会被调用。我是否以错误的方式处理这个问题？ 代码: functi
我正在尝试控制背景是否可用。我看到到处都在使用 onerror，但不适合我。我有 bg 文件夹和 background1.jpg 到 background4.jpg 背景图片。对于前 4 个没有问题。
我在 Android 应用程序的 MainActivity 中编写了以下代码。当我运行以下代码时，它不会抛出任何异常并且 onError() 也不会被调用。但是我看到 onSuccess: testi
我有一张图片正在通过使用 javascript 更改图片的 src 进行更新。我添加了一个 error 事件监听器来测试图像是否损坏，如果是则重新加载图像。但如果它没有损坏，我想删除 error 事件
我需要在我的 TestCafe 测试中抑制错误(错误来自模拟页面)。示例代码: function stoperror() { try { thi
我有以下外部脚本标签(但 self 控制的 javascript 文件): 脚本并不重要，存在一个很好的后备方案。我想触发我的回退: 如果 test.js 不可用(这有效) 手动在 test.js
我有一个非常奇怪的情况，无法设法解决。 const handleImageError = e => { e.target.onerror = null; e.target.src =
我正在尝试让 onError 事件起作用，但到目前为止它只能在 Internet Explorer 9 中起作用。我已经尝试了几种代码，但基本上归结为: Internet Explorer 9: 成
当 src 中指定的其他图像不存在时，我试图显示默认图像，所以我这样做了: '; 问题是我仍然得到损坏的缩略图。奇怪的是:如果我切换 src，那么我将 assets/img/default-avata
鉴于以下情况: 为什么从未调用 Subscribe 中的 OnError 处理程序？ var observable = Observable.Create( async (o, c) =>
ASP.NET (4.0) 中的 UserControls 继承自 System.Web.UI.UserControl。 VisualStudio 智能感知建议 OnError 作为 Template
在我的图像上，我设置了 onerror属性，以便在图像由于某种原因不可用的情况下使用占位符: 现在，它看起来像 onerror has been deprecated ，但我找不到任何关于处理错误的
我正在测试这段代码。 service.getProducts() .subscribeOn(Schedulers.io()) .observeOn(An
我正在考虑在我支持的应用程序中重新工作并简化我们的错误处理。我们目前的所有页面都继承自我们创建的基类，而该基类显然又继承自 System.Web.UI.Page。在这个基类中，OnError 方法当前
我是一名优秀的程序员,十分优秀！