js 怎么让图片加载完成后才执行下面代码

js 怎么让图片加载完成后才执行下面代码

要把图片当成是图片对象才行；

var a=new Image(); //这个是原生的JS实例化

a.src=arr[shownum++].url;

然后Image对象有一个属性“onload”,这个就是加载完成，当加载完成之后你可以执行一个函数比如

a.onload=function(){

alert("完成加载");


}

这样当你的图片加载完成后就执行下面的函数了。
相关问题：
如果你是将JS函数写入到一个单独的文件中，如function.js，


下面为function.js

function func1(){
alert("调用了函数1");
}

function func2(){
alert("调用了函数2");
}


至于JS的书写规范有很多种，主要就是方便浏览及习惯，你可以自己看看书上的书写方式或者参考一下其他高手方式。


出现乱码的原因就是1楼所说，原因是你的JS文件和HTML文件的编码不一致，而且你的JS文件有中文（如果js文件只有英文的话，即便是编码不一致也不会出现乱码情况。）
你应该用记事本打开你的JS文件，然后点击“文件”--另存为--把编码改为“UTF-8”的编码，
这样就不会出现乱码了。

要把图片当成是图片对象才行~
var a=new Image(); //这个是原生的JS实例化
a.src=arr[shownum++].url;

然后Image对象有一个属性“onload”,这个就是加载完成，当加载完成之后你可以执行一个函数比如
a.onload=function(){
alert("完成加载");

}
这样当你的图片加载完成后就执行下面的函数了~追问你这样还是异步的

var a=new Image(); //这个是原生的JS实例化
a.src=arr[shownum++].url;
a.onload=function(){
alert("完成加载");
}
alert("0");

你可以看看这个谁先运行的