ページ読み込み後の JavaScript の実行 外部スクリプトを使用する場合、ページが完全に読み込まれた後にスクリプトが実行されるようにすることが重要です。これにより、「」などのページ要素とのシームレスな対話が可能になります。この記事では、この動作を実現するためのさまざまな手法を検討します。 「defer」属性の使用 「defer」属性は、スクリプトの実行を遅らせるために使用できます。 HTML ドキュメントが解析されるまで。 「」に「defer」を追加する</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><script src="deferMe.js" defer>ログイン後にコピー イベント ハンドラーの使用 もう 1 つのアプローチには、トリガーするイベント ハンドラーを使用することが含まれます。ページが読み込まれたとき。これらのハンドラーは「」にアタッチできます。 'onload' イベント 'onload' イベントは、ページ全体が読み込まれると発生します。 'onload' イベントにスクリプトをアタッチすると、ページの読み込み後にスクリプトが確実に実行されます。 ログイン後にコピー 'document.onload' または 'window.onload' あるいは、「document.onload」または「window.onload」イベント ハンドラーを使用することもできます。これらのハンドラーは、'onload' と同様に実行されますが、より標準的で目立たないものです。 document.onload = function ...;ログイン後にコピー window.onload = function ...;ログイン後にコピー 結論として、これらの手法を利用することで、ページの読み込み後に JavaScript を効果的に実行でき、スクリプトが確実に実行されます。必要なすべてのページ要素にアクセスでき、より良いユーザー エクスペリエンスを提供します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
