js-window.onloadは一度しか呼び出せません!

クズども · 掲載地 2019/02/26 11:53:55

この方法は、オンロードが複数回呼び出されたかどうかを判定する_addLoadEvent、複数回呼び出された場合、その複数の呼び出しは順にWindow.onloadで実行されます

実際、とてもシンプルで、_addLoadEvent(func)を使い、関数を渡し、window.onloadが関数を「バウンディング」しているかどうか(例:typeof(window.onload) != 'function')を決め、そうでなければ直接渡されたfunc関数を実行します。もし「バインド」されているなら、window.onload内で古い関数と新しい関数の両方を定義し、同時に実行します。例:window.onload = function(){ oldonload(); func(); }

ページに複数のwindow.onload定義がある場合、通常は最後の定義のみが実行されます。

では、window.onload、$(document).ready(function(){})、$(window).load(function(){})の違いについて話しましょう!

まず、window.onloadと$(document).ready(function(){}を比較します。

1. 実行時間
window.onloadは、画像を含むページのすべての要素が読み込まれるまで待たなければなりません。
$(document).ready()YesDOM構造は描画後に実行され、読み込みを待つ必要がありません。

2. 数字を書く

   window.onloadは同時に書くことはできません。複数のwindow.onloadメソッドがある場合、実行されるだけです1
   $(document).ready() は同時に書くことができます複数回、は実行可能です

3. 書き方を簡素化する

   window.onloadは簡略化されていません
   $(document).ready(function(){})は$(function(){})と略すことができます;

$(window).load(function(){})とwindow.onloadの違いは、$(window).load(function(){}))が複数回書き込めることです

[JavaScript] js-window.onloadは一度しか呼び出せません!

関連記事

閲覧したセクション