How to detect an error 404 in an iframe?

Member

by lizzie , in category: HTML & CSS , 8 months ago

How to detect an error 404 in an iframe?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by lew , 8 months ago

@lizzie 

You can detect an error 404 in an iframe by using JavaScript. Here is an example code snippet that demonstrates how to do this:

1
2
3
4
5
6
7
var iframe = document.getElementById('your-iframe-id');

iframe.onerror = function() {
  if(iframe.contentDocument.documentURI == "about:blank") {
    console.log("Error 404 - Page not found");
  }
};


In this code snippet, replace 'your-iframe-id' with the actual id of your iframe element. The iframe.onerror event listener is triggered when an error occurs while loading the iframe content. Inside the event handler, we check if the documentURI of the iframe content is "about:blank", which is a common indicator of a 404 error. If it is, then we log a message to the console indicating that it is a 404 error.


This code should help you detect and handle error 404 in an iframe using JavaScript.

Related Threads:

How to detect whether an iframe is loaded?
How to detect when iframe scripts are executed?
How to detect when the browser blocks an iframe?
How to detect if browser support iframe?
How to detect window.print() finish for iframe?
How to detect close in another domain of iframe?