what is the sequence of jquery pageload events?
are there any good guides as to which events happen in which order (and what triggers them)?
ie:
$(document).ready
$(window).开发者_StackOverflowready
$(window).onload
EDIT: are there any other (pageload) events that i'm missing?
document.ready
- DOM Elements good to go- Triggered by
DOMContentLoaded
in Mozilla/WebKit/Opera - Trigered by
onreadystatechange
in IE
- Triggered by
window.load
- Images loaded- The actual
window.onload
event, this is a core DOM event, not created by jQuery.
- The actual
document.ready
happens before or when window.load
does...if all else fails, document.ready
is actually an event handler on window.load
, you can see the source code here: http://github.com/jquery/jquery/blob/master/src/core.js#L407
There isn't a window.ready
, document.ready
is a special event that jQuery creates, only for document
and not window
.
$(document).ready when the browser is done rendering the DOM (the HTML file)
$(window).ready never heard of that one. Don't think it exists
$(window).onload when every linked resource on the page (including images) was loaded (usually some time after
document.ready
)
- $(document).ready
- $(window).onload (document + multimedia (like images))
There isn't $(window).ready
as far as i know
- $(document).ready
- $(window).onload
All answers are right, but just to clarify.
It's window.onload
or $(window).load
There's no $(window).onload
nor window.load
精彩评论