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

JavaScript016

JS 怎么控制一次加载一张图片，加载完后再加载下一张,第1张

(1)方法 1 <script type="text/javascript ">var obj=new Image()obj.src="http://www. phpernote.com/uplo adfiles/editor/20110 7240502201179.jpg"obj.onload=function（）

  { alert('图片的宽度为: '+obj.width+'图片的 高度为:'+obj.height)document.getElemen tById("mypic").innner HTML="<img src='"+this.src+"' />"

}

</script>

<div id="mypic">onloadi ng......</div>

方法 2

<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)document.getElementById("mypic").innner HTML="<img src='"+this.src+"' />"

}

}

</script>

<div id="mypic">onloadi

先加载执行a.js，完毕后再加载执行b.js。

先执行a.js，完毕后再执行b.js。

这就不可以确定谁先执行了，因为通过创建script标签引入的JS，是谁先加载完毕谁先执行，与创建顺序无关。

对于创建script标签引入JS来讲，在某些高级浏览器中有async属性用于控制是按照加载完毕的顺序执行，还是按照创建顺序执行。

默认是按顺序加载，JS很注重加载顺序，如果想设置加载顺序，可以用$(function(){

//内容

})

写在里面的内容是在所有纯文字（html代码）加载完执行的。

或者用js自带的window.onload={

}写在这里面的是所有内容全部加载完执行，包括图片