[Edit]

HTML - load script element in async mode

1 contributors

2 contributions

0 discussions

3 points

Created by:

Isaiah89

721

In this article, we would like to show you how to load script element in async mode working with HTML.

Quick solution:

xxxxxxxxxx
 
<script src="/path/to/script.js" async></script>

Practical example

Edit

In this example, we use the async property to asynchronously load the jQuery library from an external server (CDN).

xxxxxxxxxx
 
<html>
<head>
  <script>
​
    function handleLoad() {
        console.log('Script loaded successfully.');
    };
​
    function handleError() {
        console.error('Script loading error.');
    };
​
  </script>
  <script async
          src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"
          onload="handleLoad()"
          onerror="handleError()">
  </script>
</head>
</html>