发表新帖
发表新帖

Should I use window.load or document.ready jquery

后端 未结
关注
2 1335
梦毁少年i
梦毁少年i 2020-12-06 10:24

Recently I saw that you could use either 

$(\'document\').ready(function() {
//Do Code
});

or 

$(\'window\').load(function(
相关标签:
2条回答
  • 谎友^
    2020-12-06 10:45

    $('document').ready runs the code when the DOM is ready, but not when the page itself has loaded, that is, the site has not been painted and content like images have not been loaded.

    $(window).load runs the code when the page has been painted and all content has been loaded. This can be helpful when you need to get the size of an image. If the image has no style or width/height, you can't get its size unless you use $(window).load.

    0 讨论(0)
  • 心在旅途
    2020-12-06 11:10

    Well first of all you may want to consider using the "ready" event, which you can handler like this:

    $().ready(function() {
  ...
});

    Or, more succinctly and idiomatically:

    $(function() {
  ...
});

    The "load" handler really relates to an actual event, and can be handled on several different sorts of elements: <img> and <iframe> for example. The "load" event at the document or window level happens when all of the page's resources are loaded. The (synthesized, in some browsers) "ready" event however happens when the page DOM is ready but possibly before things like <img> contents.

    Another option is to simply put your <script> tags at the very end of the <body> or even after the <body>. That way the scripts have the entire DOM to work with, but you don't have to worry about any sort of event handling to know that.

    0 讨论(0)
 看不清?
提交回复
热议问题