ページ読み込み後に JavaScript を実行する方法 で外部スクリプトを実行するHTML ページのセクションでは、 内の要素にアクセスしようとすると問題が発生する可能性があります。これは、ページが完全に読み込まれる前にスクリプトが実行されるために発生します。この問題に対処するには、次の解決策を検討してください。 defer 属性: に defer 属性を追加します。 tag:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><script src="deferMe.js" defer>ログイン後にコピー この属性を使用すると、ページが DOM の解析を完了する直前にスクリプトが実行されます。 Body onload Event: onload イベント ハンドラーを に含めます。タグ: ログイン後にコピー このイベントは、ページの読み込みが完了したときに script() 関数の実行をトリガーします。 DOMContentLoaded イベント: ほとんどのデバイスでサポートされている DOMContentLoaded イベントを使用します。ブラウザ: document.addEventListener("DOMContentLoaded", function() { // Your script });ログイン後にコピー このイベントは、DOM が完全に読み込まれたとき、画像とスタイルのレンダリングが完了する前に発生します。 window.onload イベント: または、window.onload を使用することもできますイベント: window.onload = function() { // Your script };ログイン後にコピー このイベントは document.onload よりも標準であると考えられており、ブラウザー間で広くサポートされています。 目立たないソリューション: 目立たないアプローチでは、defer 属性または window.onload イベント ハンドラーの使用を検討してください。これらのメソッドは、ページの読み込み後にスクリプトを実行し、スクリプト内の関連要素に確実にアクセスできるようにします。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
