場合によっては、画像のサイズを取得する必要があることがあります。これは、画像がロードされた後に行う必要があります。これを実現するには 3 つの方法があり、以下で 1 つずつ紹介します。 1. イベントをロードします コードをコピーします コードは次のとおりです: < !DOCTYPE HTML> img - イベントを読み込みます ; 読み込み中... <br>img1.onload = function() { p1. innerHTML = 'loaded' <br>} <br> テスト済み、すべてのブラウザで表示「loaded」は、すべてのブラウザがimgのloadイベントをサポートしていることを示します。 2.readystatechange イベント コードをコピーします コードは次のとおりです: < !DOCTYPE HTML> img ; 読み込み中... <br>img1.onreadystatechange = function() { if( img1.readyState=="complete"||img1.readyState=="loaded"){ <br>p1.innerHTML = 'readystatechange:loaded' <br>} <br>} <br></script> ; <BR></body> <br></html> <br><br> <br>readyState は、イメージがロードされたことを示します。 IE6 ～ IE10 がこのイベントをサポートしていることがテスト済みですが、他のブラウザーはサポートしていません。 <br><br>3. img の完全な属性<br><br><br><br><br>コードをコピーします<br> </div> <br> コードは次のとおりです:<br><br> <br> <!DOCTYPE HTML> <div class="codetitle"><head> <span><title>img; /タイトル> <a style="CURSOR: pointer" data="48849" class="copybut" id="copybut48849" onclick="doCopy('code48849')"><本文> <u><img1" src="http://pic1.win4000.com/wallpaper/f/51c3bb99a21ea.jpg" > </u><p id="p1">読み込み中...</p> </a><script type="text/javascript"> </span>関数 imgLoad(img, callback) { </div> var timer = setInterval(function() { <div class="codebody" id="code48849">if (img.complete) { <br>callback(img) <br>clearInterval(timer) <br>} <br>}, 50) <br> } <br>img1, function() { <br>p1.innerHTML('読み込み完了') <br>}) <br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
