gpt4 book ai didi

javascript - 在 iframe 上使用 onerror

转载 作者:行者123 更新时间:2023-11-28 01:01:20 24 4
gpt4 key购买 nike

如果链接断开或不存在,以下代码段将用 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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com