`onload` 属性を使用せずにページ読み込み時に JavaScript 関数を呼び出す方法

ページの読み込み時に JavaScript 関数を呼び出す別の方法

ページの読み込み時に JavaScript 関数を呼び出すことは、コンテンツを設定し、ユーザーを強化するための一般的なタスクですインタラクティブ性。従来の このアプローチは広く使用されていますが、

のない JSP フラグメントを操作する場合など、特定のシナリオでは適用できない場合があります。

この課題に対処するには、次のような代替メソッドを使用できます。

Window.onload Event

One解決策は、すべてのアセットを含むページ全体の読み込みが完了すると発生する window.onload イベントを利用することです。 window.onload プロパティに匿名関数を割り当てることで、目的の JavaScript コードを実行できます。

window.onload = function() {
  // Your JavaScript code here
};

Document Readystatechange Event

もう 1 つのオプションは、ドキュメントオブジェクトのreadystatechangeイベント。このイベントは、ドキュメントの読み込みが進行するにつれて数回発生し、最終状態は「完了」になります。このイベントをリッスンして、ドキュメントが完全にロードされたときに JavaScript コードを実行できます。

document.addEventListener("readystatechange", function() {
  if (document.readyState === "complete") {
    // Your JavaScript code here
  }
});

パラメータの受け渡し

JavaScript 関数がパラメータを必要とする状況では、パラメータを受け取り、それを関数に渡す匿名関数を使用できます。例:

window.onload = function() {
  yourFunction(param1, param2);
};

結論

従来の onload 属性は単純なアプローチですが、すべてのシナリオに適しているわけではありません。 window.onload、document.readystatechange、パラメータ受け渡しなどの代替メソッドを活用することで、JSP フラグメントが使用されている状況でも、ページの読み込み時に柔軟かつ多用途な方法で JavaScript 関数を呼び出すことができます。

以上が`onload` 属性を使用せずにページ読み込み時に JavaScript 関数を呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。