HTMLページのロード後に実行するjsメソッドを実装します。

この記事では、主に HTML ページが読み込まれた後に js を実行する方法について説明します。お役に立てれば幸いです。

Js メソッド:

<script type=”text/javascript”>window.onload=function (){    var userName=”xiaoming”;
    alert(userName);
}</script>

jQuery メソッドでは、jQuery ファイル:

<script type=”text/javascript”>$(document).ready(function (){    var userName=”xiaoming”;
    alert(userName);
});</script>

またはその略語:

$(function (){var userName=”xiaoming”;
alert(userName);
});

を引用する必要があります。DOM がロードされた後 (window.onload より前) に実行できます。 .ready() は同じページ内で複数回使用できます

2 つの主な違いは次のとおりです: Window.onload=function (){}:

window.onload イベントは、ドキュメントが完全にダウンロードされた場合にのみトリガーされます。ブラウザ。これは、ページ上のすべての要素が js に対して操作可能であることを意味します。つまり、ページ上のすべての要素は、ロードされるまで実行されません。この状況は、ロードの順序を考慮する必要がないため、関数コードを作成する場合に非常に有利です。

$(document).ready(function (){});

は、DOM の準備が完了して使用できるようになったときに呼び出されます。これは、スクリプトからすべての要素にアクセスできることも意味しますが、関連するすべてのファイルがダウンロードされたことを意味するわけではありません。つまり、HTML がダウンロードされ、DOM ツリーに解析された後にコードが実行されます。

$(document).ready(function (){}) を使用することは、onload イベント ハンドラーを使用するよりも一般に優れていますが、サポート ファイルがまだロードされていない可能性があるため、明確にする必要があります。 like width は現時点では有効ではない可能性があります。

注: ページの下部に js を配置し、defer="defer" を使用すると問題が発生します。 $(document).ready(function (){}) 関数を使用することをお勧めします。

関連する推奨事項:

HTML ページの読み込みを高速化する方法の紹介

以上がHTMLページのロード後に実行するjsメソッドを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。