ブラウザがDOMをロードすると、JavaScriptを介してDOM要素にイベントが追加されます。 JavaScriptでは、通常、window.onload()メソッドが使用されます。
jqueryでは、$(document).ready()メソッドが使用されます。以下の2つの違いを紹介させてください。
| window.onload() | $(document).ready() | |
| 実行タイミング | ロード後にページのすべての要素(写真と参照ファイルを含む)を実行します。 | ページ内のすべてのHTML Domsは、CSS DOM構造がロードされた後に実行され、他の画像がロードされない場合があります。 Webページのすべてのコンテンツ(写真などを含む)が必要な場合は、イベントを登録して$(window).load(function)を使用します。 window.onload()に相当 |
| 番号を書いてください | 複数の単語を同時に書くことはできません。後者は前の単語を上書きします。元: window.onload = function(){alert( "a"); } window.onload = function(){alert( "b"); } 結果は「B」になります 順番にアラート( "a")とアラート( "b")を実行したい場合は、それを書く必要があります window.onload = function(){ アラート( "a"); アラート( "b"); } | 複数の同時に書くことができます |
| 略語 | なし | $(document).ready(function(){ //する; }); と書くことができます $()。ready(function(){// $()パラメーターのないdocument //する; });または $(function(){ //する; }); |