js中等待文档加载完成代码,页面加载完成后执行js

本文目录一览：

• 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结构绘制完毕后就执行，不必等到加载完毕。