jQuery.getScript alternative in native JavaScript

by

Here’s a jQuery getScript alternative with callback functionality:

function getScript(source, callback) {
    var script = document.createElement('script');
    var prior = document.getElementsByTagName('script')[0];
    script.async = 1;

    script.onload = script.onreadystatechange = function( _, isAbort ) {
        if(isAbort || !script.readyState || /loaded|complete/.test(script.readyState) ) {
            script.onload = script.onreadystatechange = null;
            script = undefined;

            if(!isAbort && callback) setTimeout(callback, 0);
        }
    };

    script.src = source;
    prior.parentNode.insertBefore(script, prior);
}

More Related Contents:

  1. How can I include all JavaScript files in a directory via JavaScript file?
  2. Can I prevent history.popstate from triggering on initial page-load?
  3. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  4. jQuery AJAX cross domain
  5. Is Safari on iOS 6 caching $.ajax results?
  6. Prevent scrolling of parent element when inner element scroll position reaches top/bottom?
  7. Refresh/reload the content in Div using jquery/ajax
  8. How to delete a localStorage item when the browser window/tab is closed?
  9. Why define an anonymous function and pass it jQuery as the argument?
  10. Get list of data-* attributes using javascript / jQuery
  11. How to print all the txt files inside a folder using java script
  12. How can I make window.showmodaldialog work in chrome 37?
  13. Split string into array without deleting delimiter?
  14. Detect if browser is running on an Android or iOS device
  15. Adding rows dynamically with jQuery
  16. How to make supported on all browsers? Any alternatives?
  17. Preview images before upload
  18. Clearing my form inputs after submission
  19. Get the domain name of the subdomain Javascript
  20. jQuery 1.10.2 warning issue from Firefox
  21. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  22. jQuery: more than one handler for same event
  23. Custom “confirm” dialog in JavaScript?
  24. Disable zoom on input focus in Android webpage
  25. Add image in pdf using jspdf
  26. Selecting elements without jQuery
  27. Function not calling within an onclick event
  28. refresh div with jquery
  29. Remove everything within script and style tags
  30. How to focus an input field on Android browser through javascript or jquery

Leave a Comment