Ads by ProfitSence
Close

$(window).load() and $(document).ready() Functions

Last Updated on 土曜日 8日 10月 2022

window load

  • jquery window onload

$(window).load

  • document.readyはjQueryイベントで、DOMの準備ができたときに実行されます。
  • window.onloadは、画像などがロードされたときに後で(または最悪/失敗した場合に同時に)発生するので、例えば画像の寸法を使用している場合は、代わりにこれを使用することがよくあります。

$(window).load(function()

			
					$(document).ready(function() {
  // HTML が読み込まれ、DOM の準備ができたときに実行されます。
 alert("ドキュメントの準備ができました");
});

$(window).load(function() {
 // すべてのフレーム、オブジェクト、およびイメージを含む、完全なページが完全に読み込まれると実行されます。
 alert("ウィンドウがロードされます");
});

			
	

window load function

Window Load

document.ready(jQuery)

  • html ドキュメントプロパティが読み込まれ、DOM の準備が整った直後に、ドキュメント.ready (jQuery) ドキュメント.ready が実行されます。
  • DOM: ドキュメント オブジェクト モデル (DOM) は、HTML、XHTML、および XML ドキュメント内のオブジェクトを表現および操作するためのクロス プラットフォームと言語に依存しない規則です。

window.load

  • window.load (組み込み JavaScript) window.load はページが完全に読み込まれるのを待ちますが、これには内部フレーム、画像などが含まれます*

Document Ready vs Window Load

document ready
javascript document ready
$(window).load
document.ready
$(document).ready
document ready function
$(document).ready(function()