Difference between onload() and $.ready?

by

the load event (a.k.a “onload”) on the window and/or body element will fire once all the content of the page has been loaded — this includes all images, scripts, etc… everything.

In contrast, jquery’s $(document).ready(...) function will use a browser-specific mechanism to ensure that your handler is called as soon as possible after the HTML/XML dom is loaded and accessible. This is the earliest point in the page load process where you can safely run script that intends to access elements in the page’s html dom. This point arrives earlier (often much earlier) than the final load event, because of the additional time required to load secondary resources (like images, and such).

More Related Contents:

  1. iFrame src change event detection?
  2. Trying to fire the onload event on script tag
  3. Substraction two textbox values with jquery [duplicate]
  4. How to get the children of the $(this) selector?
  5. Getting the ID of the element that fired an event
  6. How can you check for a #hash in a URL using JavaScript?
  7. Remove array element based on object property
  8. Javascript – arrow functions this in event handler?
  9. Resolve circular references from JSON object
  10. Resize event for textarea?
  11. Change CSS of selected text using Javascript
  12. Using jQuery to find an element at a particular position?
  13. Why should y.innerHTML = x.innerHTML; be avoided?
  14. Use jQuery to scroll to the bottom of a div with lots of text
  15. jQuery: how to change tag name?
  16. Best way to store a key=>value array in JavaScript?
  17. jQuery – Increase the value of a counter when a button is clicked
  18. break array of objects into separate arrays based on a property
  19. Ajax HEAD request via Javascript/jQuery
  20. What does the “$” sign mean in jQuery or JavaScript? [duplicate]
  21. Fullpage.js. Adding a scroll delay
  22. Validate html text input as it’s typed
  23. How to show live preview in a small popup of linked page on mouse over on link?
  24. Allow text box only for letters using jQuery?
  25. How can I load jQuery if it is not already loaded?
  26. Set default time in bootstrap-datetimepicker
  27. Set Caret Position in ‘contenteditable’ div that has children
  28. Jquery/Javascript Opacity animation with scroll
  29. Find object having maximum value for the `id` property in an array of objects
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment