例: コードをコピー コードは次のとおりです: ブラウザは解析するときに、最初に input タグを読み込み、次に img タグを読み込みます。 このとき、img タグが読み込まれているかどうかを判定したい場合は、img タグの前後に codeコードをコピー コードは次のとおりです: <br>var msg = document.getElementById("imga"); if (msg == null) { <br> document.getElementById("loading").innerHTML = "画像コントロールを生成しています...";//ここで setTimeout 関数を使用しても機能しません<br>} <br>< /script> <br><img src= "../jqueryui/主題/base/images/ui-icons_cd0a0a_256x240.png" alt="" id="imga"/> <br><スクリプト> getElementById("loading").innerHTML = "" ; このとき、imgタグの前後のjsコードに注目してください。上記のjsコードは、まずimgを取得します。オブジェクトが空であるかどうかを判断します。空の場合は、完了すると「イメージ コントロールの生成」というプロンプトが表示され、ロード後にプロンプト情報が非表示になります。完了。 上記の方法はすべてのコントロールまたはラベルに適用されますが、onload イベント自体を持つコントロールまたはラベル (このイベントは、対応するコントロールまたはラベルが読み込まれた後にトリガーされます) については、img の背後にあるコードを完全にカプセル化できます。関数は次のように onload によって呼び出されますコード コードをコピー コードは次のとおりです: <div class="codebody" id="code37941">functionloadingImg() { document.getElementById("loading").innerHTML = "" } <br> ;/head> <br>var msg = document.getElementById("imga"); >if (msg = = null) { <br>document.getElementById("loading").innerHTML = "Picture control...";//ここで setTimeout 関数を使用しても機能しません<br>} <br>< /script> <br><img src="../jqueryui/主題/base/images/ui-icons_cd0a0a_256x240.png" alt="" id="imga" onload="loadedImg();"/> 🎜></ body> <br><br> <br>上記のコードからわかるように、img タグの背後にあるコードは、loadimg メソッドにカプセル化されており、img の onload によって呼び出されます。 <br> それでは、どのコントロールまたはラベルに onload イベントがあるのでしょうか?オンラインで確認したところ、次のものが見つかりました (完全かどうかはわかりません): <br>、<frame>、<frameset>、<iframe>、<img alt="コントロールがロードされているかどうかを判断するコード_JavaScript スキル" >、<link>、 <script> ; <br>それでは終わりです。ご質問があればメッセージを残してください</iframe> </frameset> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
