js怎么控制一次加载一张图片，加载完后再加载下一张

“`” 参考回答：

(1)方法1

<pre><code class=""language-javascript"" lang=""javascript""><script type=""text/javascript"">
var obj=new Image();
obj.src=""http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg"";
obj.onload=function(){
</code></pre>

alert('图片的宽度为：'+obj.width+'；图片的高度为：'+obj.height);

<pre><code class=""language-javascript"" lang=""javascript"">document.getElementById(""mypic"").innnerHTML=""<img src='""+this.src+""' />"";
}
</script>
<div id=""mypic"">onloading……</div>
</code></pre>

(2)方法2

<pre><code class=""language-javascript"" lang=""javascript""><script type=""text/javascript"">
var obj=new Image();
obj.src=""http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg"";
obj.onreadystatechange=function(){
if(this.readyState==""complete""){
alert('图片的宽度为：'+obj.width+'；图片的高度为：'+obj.height);
}

</code></pre>

<pre><code> "“`