Capturing load event on LINK

by

Here’s what is, in my opinion, a better solution for this issue that uses the IMG tag and its onerror event. This method will do the job without looping, doing contorted style observance, or loading files in iframes, etc. This solution fires correctly when the file is loads, and right away if the file is already cached (which is ironically better than how most DOM load events handle cached assets). Here’s a post on my blog that explains the method – Back Alley Coder post – I just got tired of this not having a legit solution, enjoy! 

var loadCSS = function(url, callback){
    var link = document.createElement('link');
        link.type="text/css";
        link.rel="stylesheet";
        link.href = url;

    document.getElementsByTagName('head')[0].appendChild(link);

    var img = document.createElement('img');
        img.onerror = function(){
            if(callback) callback(link);
        }
        img.src = url;
}

More Related Contents:

  1. Is it possible to simulate key press events programmatically?
  2. How to simulate a mouse click using JavaScript?
  3. JavaScript click event listener on class
  4. onKeyPress Vs. onKeyUp and onKeyDown
  5. Trigger a keypress/keydown/keyup event in JS/jQuery?
  6. How can I get the scrollbar position with JavaScript?
  7. Document.write clears page
  8. How can I capture the right-click event in JavaScript? [duplicate]
  9. Wait 5 seconds before executing next line
  10. How can I trigger an onchange event manually? [duplicate]
  11. How do I capture response of form.submit
  12. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  13. How does a function in a loop (which returns another function) work? [duplicate]
  14. How to pass parameter to function using in addEventListener?
  15. Javascript trick for ‘paste as plain text` in execCommand
  16. Are there any standards for mobile device web browsers in terms of thread sleeping? [closed]
  17. Capture click on div surrounding an iframe
  18. Using this inside an event handler
  19. Native JS equivalent to jQuery delegation
  20. Mozilla firefox not working with window.onbeforeunload
  21. How to trigger an ‘isTrusted=true’ click event using JavaScript?
  22. What’s the difference between cancelBubble and stopPropagation?
  23. iFrame onload JavaScript event
  24. Is there any way of passing additional data via custom events?
  25. Is event a global variable that is accessible everywhere inside the callback chain?
  26. JavaScript: How to simulate change event in internet explorer (delegation)
  27. Prevent click event from firing when dblclick event fires
  28. How do you force your Javascript event to run first, regardless of the order in which the events were added?
  29. Are dynamically inserted tags meant to work?
  30. Display Spreadsheet Data to HTML Table

Leave a Comment