javascript - JavaScriptで関数を自動的に呼び出すさまざまな方法

Question

ページの読み込み時に JavaScript で関数を自動的に呼び出す方法について聞いたことがあります。この質問は、どの方法が他の方法よりも優れているかを知ることです。

あなたの方法が他のすべての方法と異なる場合は、それが良いか悪いかにかかわらず、ここであなたの方法について言及してください.

Answer 1

オプションは次のとおりです。

1. ページの最後にタグを配置scriptし、そこに関数呼び出しを配置するだけです。終了タグの直前 (または直後) にある場合、その</body>上のすべての DOM 要素がそこにあり、操作する準備ができています (参照)。画像やその他のリソースは、まだロードされている場合とロードされていない場合があります。何か他のことをする必要がある特定の理由がない限り、これが最善の策であり、頻繁に推奨されます。

2. 標準ブラウザまたは古いバージョンの IE でwindow loadフックできるイベントを使用します。これは、すべての画像やその他のリソースが読み込まれた後、サイクルの非常に遅い段階で発生します。(タグの old-fashioned属性を使用してフックすることもできますが、お勧めしません。)addEventListenerattachEventonloadbody

3. 標準ブラウザでは、DOM の準備ができたDOMContentLoadedがwindow load. を介してフックしaddEventListenerます。

4. ほとんどの JavaScript ライブラリは、フックできる何らかの「DOM の準備ができたとき」イベントを提供します。jQuery はready(yourFunction)関数を使用し、Prototype はdocument.observe("dom:loaded", yourFunction)などを使用します。