@yr/async-loader

1.1.0 • Public • Published

A lightweight script loader, with callback support.

Usage

Place async-loader.min.js in the <head>:

<script src="async-loader.min.js"></script>

<!-- Or preferably inlined -->
<script>!function(){window.asyncLoader=function(e,n){var t=document.createElement("script"),a=document.getElementsByTagName("script")[0];t.async=!0,t.src=e,"function"==typeof n&&(t.onload=function(){n(),t.onload=t.onreadystatechange=null},t.onreadystatechange=function(){("loaded"===t.readyState||"complete"===t.readyState)&&t.onload()}),a.parentNode.insertBefore(t,a)}}();</script>

...and load your script files, optionally executing a callback when loading is complete:

<script>
  asyncLoader('//www.google-analytics.com/analytics.js', function () {
    ga('create', 'UA-XXXXXXX', 'mydomain.com');
    ga('send', 'pageview');
  });
</script>

/@yr/async-loader/

    Package Sidebar

    Install

    npm i @yr/async-loader

    Weekly Downloads

    9

    Version

    1.1.0

    License

    MIT

    Last publish

    Collaborators

    • yr
    • saegrov