Inject a script tag with remote src and wait for it to execute

by

You could use Google Analytics or Facebook‘s method:

(function(d, script) {
    script = d.createElement('script');
    script.type="text/javascript";
    script.async = true;
    script.onload = function(){
        // remote script has loaded
    };
    script.src="http://www.google-analytics.com/ga.js";
    d.getElementsByTagName('head')[0].appendChild(script);
}(document));

UPDATE:

Below is the new Facebook method; it relies on an existing script tag instead of <head>:

(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)){ return; }
    js = d.createElement(s); js.id = id;
    js.onload = function(){
        // remote script has loaded
    };
    js.src = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
  • Replace facebook-jssdk with your unique script identifier to avoid it being appended more than once.
  • Replace the script’s url with your own.

More Related Contents:

  1. How can I access field 1 value from this dictionary by using java script?
  2. CSS or jQuery : How to get visible top [duplicate]
  3. Get this error: “Uncaught TypeError: Cannot read property ‘0’ of undefined”
  4. What is the difference between object keys with quotes and without quotes?
  5. Understanding the difference between Object.create() and new SomeFunction()
  6. How do I fix CLIENT_MISSING_INTENTS error?
  7. How to check if object property exists with a variable holding the property name?
  8. How to remove text from a string?
  9. How to replace all dots in a string using JavaScript
  10. Chrome, Javascript, window.open in new tab
  11. Can I run javascript before the whole page is loaded?
  12. Is onload equal to readyState==4 in XMLHttpRequest?
  13. How to turn NaN from parseInt into 0 for an empty string?
  14. How can I get the index of an array in a Meteor template each loop?
  15. Calculating Jday(Julian Day) in javascript
  16. D3 force layout – linking nodes by name instead of index
  17. What is an “internal slot” of an object in JavaScript?
  18. localStorage access from local file
  19. How to parse JSON string in Typescript
  20. Is it possible to play HTML5 video in reverse?
  21. Calling webpage JavaScript methods from browser extension
  22. How can I disable all typescript type checking?
  23. React hook useEffect runs continuously forever/infinite loop
  24. JavaScript foreach loop on an associative array object
  25. What is the difference between id and _id in mongoose?
  26. Add day(s) to a Date object [duplicate]
  27. How to calculate rotation angle from rectangle points?
  28. Difference between React Component and React Element
  29. converting a javascript string to a html object [duplicate]
  30. How to pass parameters through iframe from parent html?

Leave a Comment