怎么等待所有东西都加载完成后，在显示

[zpjshiwo77]

查了一下网上的方法：window.onload图片还没加载完就执行，document.onreadystatechange = function () { console.log(document.readyState);}得到的状态是interactive，并不是complete，但实际已经全部加载完了。

我想要的是，在图片没有加载完成之前，遮罩显示“正在加载中。。。”,加载完成后在隐藏遮罩，可加载完成的这个状态，怎么用js去判断？

[斯洛文尼亚旅游]

就是用window.onload，所有资源加载完毕后才执行

[zpjshiwo77]

引用 1 楼 showbo 的回复:

就是用window.onload，所有资源加载完毕后才执行

我试过了，在图片还没有完全加载完，只显示一半都时候就执行了~~

[斯洛文尼亚旅游]

不可能啊。。。。一般用的就是window.onload事件。。实在不行你就给每个img单独添加onload事件，用一个全局变量记录住img数量，img onload一次变量-1，变为0的时候再执行隐藏代码

[zpjshiwo77]

引用 3 楼 showbo 的回复:

不可能啊。。。。一般用的就是window.onload事件。。实在不行你就给每个img单独添加onload事件，用一个全局变量记录住img数量，img onload一次变量-1，变为0的时候再执行隐藏代码

我是这样写的，然后结果是这样：，

然后，我图片大部分是以background：url（）这样出现的，没有用img标签，这样我不是道该怎么来记录~

是不是我写的有问题？~

[斯洛文尼亚旅游]

放到ready外呢？ $(window).load(function(){alert(1)}) $(document).ready.....

[zpjshiwo77]

引用 5 楼 showbo 的回复:

放到ready外呢？ $(window).load(function(){alert(1)}) $(document).ready.....

好吧，放在他外面就对了~~ 这是为什么呢~

[斯洛文尼亚旅游]

引用 6 楼 zpjshiwo77 的回复:

[quote=引用 5 楼 showbo 的回复:] 放到ready外呢？ $(window).load(function(){alert(1)}) $(document).ready.....

好吧，放在他外面就对了~~ 这是为什么呢~[/quote] 按照道理应该效果一样的，ready一般是先于window.onload的执行的，你在ready中注册window.onload应该也没有问题才对。。 你隐藏loading的代码是放在ready还是onload中执行的？这2个不是同一个事件，ready是DOMContentLoaded事件，先于window.onload执行

[zpjshiwo77]

引用 7 楼 showbo 的回复:

是放在onload中执行的，我是用console.log（1）来进行测试的，见我4楼的图片。 不过最后，还是成功了，非常感谢！ 但我之前用的是document.onreadystatechange的方法，但得到的document.readyState不是complete，所以就不行。 不知道这两种方法哪种好一点？

[昵称真的很重要啊]

你已经用了jquery的ready方法了，为什么还要用window.load方法呢; jQuery 事件 - ready() 方法: 当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。 由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。 ready() 函数规定当 ready 事件发生时执行的代码。 ready() 函数仅能用于当前文档，因此无需选择器。