jqueryの$(function(){})とwindow onloadの違い

1138 ワード

Jqueryでは、入口関数には2つの書き方があることを知っています.$(function(){}) $(document).ready(function(){})の役割は伝統的なJavaScriptのwindowに似ています.onloadメソッドですがwindow.onloadの方法には違いがあります.重点内容1.じっこうじかん
    window.onload                         。 
    $(document).ready() DOM          ,        。 

2.書く個数が違う
     window.onload        ,     window.onload  ,       
     $(document).ready()        ,          

3.書き方の簡略化
     window.onload       
     $(document).ready(function(){})     $(function(){});
$(document).ready()メソッドに登録されているイベントは、DOMが準備されている限り実行されるため、要素の関連ファイルがダウンロードされない可能性があります.例えば、ピクチャに関するhtmlのダウンロードが完了し、DOMツリーとして解析されているが、ピクチャのロードが完了していない可能性が高いため、ピクチャの高さや幅などの属性はこの場合必ずしも有効ではない.この問題を解決するには、Jqueryのページロードに関する別の方法であるload()メソッドを使用します.Load()メソッドは、要素のonloadイベントに処理関数をバインドします.処理関数がwindowオブジェクトにバインドされている場合、ウィンドウ、フレーム、オブジェクト、画像などを含むすべてのコンテンツがロードされた後にトリガーされ、処理関数が要素にバインドされている場合、要素のコンテンツがロードされた後にトリガーされます.
Jquery     : 
$(window).load(function (){ 
       //       
});    JavaScript        
Window.onload = function (){ 
     //      
}