js中等待文档加载完成代码,页面加载完成后执行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结构绘制完毕后就执行,不必等到加载完毕。

本文链接:https://my.lmcjl.com/post/18671.html

展开阅读全文

4 评论

留下您的评论.