用js怎么判断js中加载所有的图片是否加载完成?

JavaScript018

用js怎么判断js中加载所有的图片是否加载完成?,第1张

展开全部

window.onload方法是窗口内所有内容都加载完毕后才会执行的。

可以这么来判断(参考思路,代码是伪的,不规范):

isAllLoaded

=

false//

window对象上的全局变量

window.onload

=

function(){

//

所有内容,包括图片,加载完毕后执行

isAllLoaded

=

true

}

if(isAllLoaded)

{

blahblahblah

}

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

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

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

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

a.onload=function(){

alert("完成加载")

}

这样当你的图片加载完成后就执行下面的函数了。

相关问题:

如果你是将JS函数写入到一个单独的文件中,如function.js,

下面为function.js

/*

这里最好是记录一下函数的作用,如果有参数,最好就是说明一下

函数名称:func1

函数作用:测试加载外部JS文件

参数说明:无

*/

function func1(){

alert("调用了函数1")

}

/*

函数名称:func1

函数作用:测试加载外部JS文件

参数说明:无

*/

function func2(){

alert("调用了函数2")

}

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

出现乱码的原因就是1楼所说,原因是你的JS文件和HTML文件的编码不一致,而且你的JS文件有中文(如果js文件只有英文的话,即便是编码不一致也不会出现乱码情况。)

你应该用记事本打开你的JS文件,然后点击“文件”--另存为--把编码改为“UTF-8”的编码,

这样就不会出现乱码了。