[Edit]

JavaScript - script loading error event

1 contributors

2 contributions

0 discussions

0 points

Created by:

a_horse

538

In this article, we would like to show you the script loading error event in JavaScript.

Quick solution:

xxxxxxxxxx
 
<script>
    var script = document.createElement('script');
    script.onerror = function () {
      console.log('script loading error.');
    };
    script.src = '/incorrect/path/to/script.js';
    document.head.append(script);
</script>

Auto running

Practical example

Edit

In this example, we create index.html with incorrect src property and add the onerror event to display a message on script loading error.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<body>
    <script>
        var script = document.createElement('script');
        script.onerror = function() {
            alert('script loading error.');
        };
        script.src = '/incorrect/path/to/script.js';
        document.head.appendChild(script);
    </script>
</body>
</html>

Auto running

Result:

Alternative solution

Edit

In this example, we add a function to the script element onerror property to handle the script loading error.

xxxxxxxxxx
 
<!doctype html>
<html>
<head>
  <script>
    function handleError() {
      console.log('Script loading error.');
    }
  </script>
  <script src="/incorrect/path/to/script.js" onerror="handleError()"></script>
</head>
<body> Web page body... </body>
</html>