本文目录一览:
- 1、js 怎么让图片加载完成后才执行下面代码?
- 2、js如何判断引入的js文件是否加载完毕
- 3、用js判断页面是否加载完成实现代码
- 4、js中,如何等待多个图片加载完后再执行其他的js代码。
- 5、如何让页面加载完成后执行js
js 怎么让图片加载完成后才执行下面代码?
要把图片当成是图片对象才行;
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”的编码,
这样就不会出现乱码了。
js如何判断引入的js文件是否加载完毕
js怎么判断flash是否加载完毕了呢?
我们怎么在flash加载完毕之时,回调一个我们设定的js函数?
这个问题,一直困扰了我很久,直到今天,请教了一个非常牛B的人物之后,突然来了感觉!
呵呵,也许,这个问题在你们看来不是问题,不过对于我来说,确实是个问题,因为我一直不知道该怎么判断swf文件是否加载完毕了?
从前都是只知道img.onload等等。
好了,言归正传,我们到底该怎样判断一个flash是否加载完了呢?
没错,就是轮询,然后判断flash的某个方法是否能正常运行?
示例如下(伪代码):
01 (function () { 02 var flash = 网页上某个flash对象。 03 04 var interval = setInterval(function () { 05 try { 06 if(flash.IsPlaying()) { //轮询flash的某个方法即可 07 callBack callBack.call(flash, args); //回调函数 08 clearInterval(interval); 09 } 10 } catch (ex) { 11 12 } 13 }, 1000); 14 15 var callBack = function () { 16 alert('loaded'); 17 } 18 })();
//具体运用时,flash放进setInterval或者setTimeout的函数闭包中时,可能会由于JavaScript单线程问题,导致flash不能调用IsPlaying等flash player函数或者调用结果不对等状况,这里有个临时的解决办法,我们可以读取在轮询函数中读取flash的TotalFrames属性,读取得到,我们就可以认为flash已经完全加载到页面中了!!!
用js判断页面是否加载完成实现代码
然后用document.readyState == “complete”判断是否加载完成代码如下:代码如下: document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething() { if(document.readyState == “complete”) //当页面加载状态 myform.submit(); //表单提交 } 页面加载readyState的五种状态原文如下:0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request in progress. 2: (Loaded) the send( ) method has completed, entire response received. 3: (Interactive) the response is being parsed. 4: (Completed) the response has been parsed, is ready for harvesting. 翻译成中文为: 0 - (未初始化)还没有调用send()方法 1 - (载入)已调用send()方法,正在发送请求 2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 3 - (交互)正在解析响应内容4 - (完成)响应内容解析完成,可以在客户端调用了
js中,如何等待多个图片加载完后再执行其他的js代码。
可以在js全局代码中,增加一个变量n,用作计数器,表示总图片数。
然后使用图片的onload事件,每成功加载一次图片,将计数器n减去1
当n变成0时,表示图片均加载完毕,这时即可开始执行其他JS代码。
具体示例代码:
var n=$pre4y_main.length;
...
$img[0].onload=function(){ ...
n--;
if(!n){
//执行其他JS代码
}
};
如何让页面加载完成后执行js
//加载事件
window.onload=function(){
alert('加载完毕');
};
以下是window.onload与 $(document).ready()的加载区别,可以参照下
window.onload:必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready():是DOM结构绘制完毕后就执行,不必等到加载完毕。