link element onload

by

Today, all modern browsers support the onload event on link tags. So I would guard hacks, such as creating an img element and setting the onerror:

if !('onload' in document.createElement('link')) {
  imgTag = document.createElement(img);
  imgTag.onerror = function() {};
  imgTag.src = ...;
}

This should provide a workaround for FF-8 and earlier and old Safari & Chrome versions.

minor update:

As Michael pointed out, there are some browser exceptions for which we always want to apply the hack. In Coffeescript:

isSafari5: ->
  !!navigator.userAgent.match(' Safari/') &&
      !navigator.userAgent.match(' Chrom') &&
      !!navigator.userAgent.match(' Version/5.')

# Webkit: 535.23 and above supports onload on link tags.
isWebkitNoOnloadSupport: ->
  [supportedMajor, supportedMinor] = [535, 23]
  if (match = navigator.userAgent.match(/\ AppleWebKit\/(\d+)\.(\d+)/))
    match.shift()
    [major, minor] = [+match[0], +match[1]]
    major < supportedMajor || major == supportedMajor && minor < supportedMinor

More Related Contents:

  1. Force DOM redraw/refresh on Chrome/Mac
  2. onKeyPress Vs. onKeyUp and onKeyDown
  3. Check if an element contains a class in JavaScript?
  4. How to hide a in a menu with CSS?
  5. Firing event on DOM attribute change
  6. Changing CSS Values with Javascript
  7. How to retrieve the display property of a DOM element?
  8. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  9. Callback on CSS transition
  10. Is there a callback on completion of a CSS3 animation?
  11. Adding an onclick event to a table row
  12. Unable to understand useCapture parameter in addEventListener
  13. Using this inside an event handler
  14. Change ‘s option and trigger events with JavaScript
  15. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  16. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  17. Native JS equivalent to jQuery delegation
  18. Can I apply CSS to the elements within an iframe?
  19. Are event handlers in JavaScript called in order?
  20. HTML DOM: Which events do not bubble?
  21. change html text from link with jquery
  22. Wait for iframe to load in JavaScript
  23. Inject CSS stylesheet as string using Javascript
  24. Is there any way of passing additional data via custom events?
  25. Uncaught TypeError: Cannot read property ‘top’ of undefined
  26. How to get on-screen visible element objects in jQuery? [duplicate]
  27. How to get element by class name
  28. Replacement for deprecated `keypress` DOM event
  29. Manually dispatchEvent DOMContentLoaded
  30. using javascript to mark a link as visited

Leave a Comment