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

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

Web 开发 > JavaScript

收藏回复

[问题点数：50分，结帖人zpjshiwo77]

⋅面试问题，合格的面试官？ ⋅关于前端的版本控制和管理 ⋅中英文网站是做语言包？还是做好复制一份再翻译？ 更多帖子 关注私信空间博客 zpjshiwo77 等级 本版专家分：4696 结帖率 96.4%: 查了一下网上的方法：window.onload图片还没加载完就执行，document.onreadystatechange = function () { console.log(document.readyState);}得到的状态是interactive，并不是complete，但实际已经全部加载完了。

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

2016-01-06 10:05:00

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅vs2019页面的HTML标记状态栏怎么没有了？ ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 更多帖子 关注私信空间博客 版主 GoCityPass新加坡... 等级 本版专家分：395875 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二: 就是用window.onload，所有资源加载完毕后才执行

2016-01-06 10:13:24

点赞只看TA 引用举报 #1得分 40

⋅面试问题，合格的面试官？ ⋅关于前端的版本控制和管理 ⋅中英文网站是做语言包？还是做好复制一份再翻译？ 更多帖子 关注私信空间博客 zpjshiwo77 等级 本版专家分：4696: 引用 1 楼 showbo 的回复:
就是用window.onload，所有资源加载完毕后才执行

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

2016-01-06 10:25:54

点赞只看TA 引用举报 #2得分 0

⋅vs2019页面的HTML标记状态栏怎么没有了？ ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 更多帖子 关注私信空间博客 版主 GoCityPass新加坡... 等级 本版专家分：395875 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二: 不可能啊。。。。一般用的就是window.onload事件。。实在不行你就给每个img单独添加onload事件，用一个全局变量记录住img数量，img onload一次变量-1，变为0的时候再执行隐藏代码

2016-01-06 10:30:26

点赞只看TA 引用举报 #3得分 0

⋅面试问题，合格的面试官？ ⋅关于前端的版本控制和管理 ⋅中英文网站是做语言包？还是做好复制一份再翻译？ 更多帖子 关注私信空间博客 zpjshiwo77 等级 本版专家分：4696: 引用 3 楼 showbo 的回复:
不可能啊。。。。一般用的就是window.onload事件。。实在不行你就给每个img单独添加onload事件，用一个全局变量记录住img数量，img onload一次变量-1，变为0的时候再执行隐藏代码

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

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

是不是我写的有问题？~

2016-01-06 10:38:45

点赞只看TA 引用举报 #4得分 0

⋅vs2019页面的HTML标记状态栏怎么没有了？ ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 更多帖子 关注私信空间博客 版主 GoCityPass新加坡... 等级 本版专家分：395875 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二: 放到ready外呢？

$(window).load(function(){alert(1)})
$(document).ready.....

2016-01-06 10:40:47

点赞只看TA 引用举报 #5得分 0

⋅面试问题，合格的面试官？ ⋅关于前端的版本控制和管理 ⋅中英文网站是做语言包？还是做好复制一份再翻译？ 更多帖子 关注私信空间博客 zpjshiwo77 等级 本版专家分：4696: 引用 5 楼 showbo 的回复:
放到ready外呢？

$(window).load(function(){alert(1)})
$(document).ready.....

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

2016-01-06 10:47:43

点赞只看TA 引用举报 #6得分 0

⋅vs2019页面的HTML标记状态栏怎么没有了？ ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 更多帖子 关注私信空间博客 版主 GoCityPass新加坡... 等级 本版专家分：395875 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二: 引用 6 楼 zpjshiwo77 的回复:
Quote: 引用 5 楼 showbo 的回复:

放到ready外呢？

$(window).load(function(){alert(1)})
$(document).ready.....

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

按照道理应该效果一样的，ready一般是先于window.onload的执行的，你在ready中注册window.onload应该也没有问题才对。。

你隐藏loading的代码是放在ready还是onload中执行的？这2个不是同一个事件，ready是DOMContentLoaded事件，先于window.onload执行

2016-01-06 11:18:26

点赞只看TA 引用举报 #7得分 0

⋅面试问题，合格的面试官？ ⋅关于前端的版本控制和管理 ⋅中英文网站是做语言包？还是做好复制一份再翻译？ 更多帖子 关注私信空间博客 zpjshiwo77 等级 本版专家分：4696: 引用 7 楼 showbo 的回复:

是放在onload中执行的，我是用console.log（1）来进行测试的，见我4楼的图片。

不过最后，还是成功了，非常感谢！
但我之前用的是document.onreadystatechange的方法，但得到的document.readyState不是complete，所以就不行。
不知道这两种方法哪种好一点？

2016-01-06 11:28:53

点赞只看TA 引用举报 #8得分 0

⋅php使用curl获取跳转后的网址设置url地址的问题

更多帖子

关注私信空间博客

昵称真的很重要啊

等级

本版专家分：10

勋章

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

2016-01-06 11:51:23

点赞只看TA 引用举报 #9得分 10

收起

收藏回复

zpjshiwo77

等级：

关注私信 TA的帖子

Java基础知识面试题（2020最新版）: 文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性？原理是什么Java语言有哪些特点什么是字节码？采用字节码的最大好处是什么什么是Java程序的主类？应用程序和小程序的...

Java面试题大全（2020版）: 发现网上很多Java面试题都没有答案，所以花了很长时间搜集整理出来了这套Java面试题大全，希望对大家有帮助哈~ 本套Java面试题大全，全的不能再全，哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别？ JDK：Java ...

2020最新Java面试题，常见面试题及答案汇总: 发现网上很多Java面试题都没有答案，所以花了很长时间搜集整理出来了这套Java面试题大全，希望对大家有帮助哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别？ JDK：Java Development Kit 的简称，java 开发工具包，...

手把手教你整合最优雅SSM框架：SpringMVC + Spring + MyBatis: 小疯手把手带你整合SpringMVC+Spring+MyBatis三大框架，俗称SSM，用它完全代替传统的SSH框架，把它们最优雅的一面发挥出来。整合配置结束后，会有一个应用实例“图书管理系统”带给大家，希望能快速上手这个框架！

关于webview不显示H5内容，加载完成是空白页: 公司现在做的项目里面有H5，都是同一个入口，其他H5可以，ios也可以，前端用Angurla框架写的死活都不显示，试了很多种，写固定高可以显示，但是和需求不符合，问题困扰了3天，用了第三方框架，腾讯TBS，一样的效果，...

史上最全面Java面试汇总（面试题+答案）: JAVA面试精选【Java基础第一部分】 JAVA面试精选【Java基础第二部分】 JAVA面试精选【Java基础第三部分】 JAVA面试精选【Java算法与编程一】 JAVA面试精选【Java算法与编程二】 ...Java高级工程师—面试(1) ...

Android 关于WebView加载完成的多种监听方式: 第一种方式：setWebViewClient()>>>>>>onPageFinished() 缺点是6.0以上手机只会调用响应一次，如下： ...mWebView.setWebViewClient(new WebViewClient() { ... public void onPageFinished(...

vscode安装使用教程: Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件...

前端面试题: 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的...

JavaScript原生系列-页面加载完成之后执行（window onload 和 $().ready(function) 以及 body onload="">）: 转载请注明预见才能遇见的博客：http://my.csdn.net/ ... JavaScript原生系列-页面加载完成之后执行（window.onload 和 $().ready(function) 以及 <body onload="">）目录 1.原生window...

Shiro: 文章目录一、初识shiro1.shiro简介：2.框架图说明：3.从外部查看shiro框架4.内部结构框架5.常见单词说明6.Shiro中的shiro.ini说明：（1）、main（2）、users（3）、roles（4）urls6.第一个案例：①项目总体图：添加...

IntelliJ IDEA 2019.3正式发布，给我们带来哪些新特性？: 自从JetBrains在今年7月24日发布了IDEA 2019.2版本后，从9月份开始我便一直在关注此版本正式版的发布。JetBrains公司在9月中旬就对外公布了下一个主要版本 2019.3的Roadmap，而且马上就发布了第一个早期访问版本（ ...

先加载完数据，再加载页面: 答：先false隐藏，再一步回调中显示

CANOE入门(一）: CANOE入门(一） CANoe是Vector公司的针对汽车电子行业的总线分析工具，现在我用CANoe7.6版本进行介绍，其他版本功能基本差不多。硬件我使用的是CAN case XL. ...安装完成，插上USB，连接硬件，这样在控制面板中,...

通过javascript实现页面加载后隐藏某个div: 通过javascript实现页面加载后隐藏某个div： <script type='text/javascript'> function hidediv(){ document.getElementById('div1').style.display='none'; } </script> <body onload=hidediv...

PSCAD快速上手和常见问题解决办法: PSCAD快速上手和常见问题解决办法PSCAD文件编译过程如何新建一个项目？如何添加元件到case里？如何新建元件？PSCAD模型常见问题及解决办法1. 缺少Gfortran编译器2.扩展的库文件链接地址错误3.库文件重复定义4....

android调用H5显示加载中效果: 我们在看有些应用在引入h5的时候经常会有一个进度条在转，显示加载的意思，那么这个东西其实一般是我们android端做的事（不要把所有的事都推给h5~~~）,其实实现起来很简单, ok 废话不多说，上代码吧 wv....

Matlab 基于svm的图像物体分类: 基于一个很朴素的观点，不同物体在色素三维空间里的分布不同，使用svm可以构造一个分类面。 2程序流程 1首先加载图片 2选取不同物体的代表点 3训练svm分类器 4将训练好的分类器应用到整张图片上。 3代码如下 %...

vue页面加载前显示{{代码}}的原因及解决办法: 在刚开始接触vue的时候，我们都是直接用对于一个初学者来说，跟着文档慢慢搬砖，使用vue进行数据绑定。记得在最开始使用vue写公司项目的时候，在页面初始化化是，THML会闪现出{{}}，当时测试问我有没有解决办法...

页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及的同级函数详解: 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及的同级函数详解 1.window.onload = function(){} / $(window).load(function)方法是在网页中的所有的元素(包括元素的所有关联文件：图片、音...

从输入URL到页面加载完成都发生了什么: 1、浏览器的地址栏输入URL并按下回车。 1.）名词解释 ... 这个域名由三部分组成：协议名...协议分https,http,FTP协议、FILe协议,http默认端口号80，https默认端口是443，默认端口都会自动隐藏了，所以才会不显示； ...

从输入 URL 到页面加载完成的过程中都发生了什么事情？: 往浏览器输入URL后给你一个页面，你天天在使用的东西，学过计算机网络的知道是怎么回事，就DNS解析然后页面的回馈，不过要讲好还是有难度。之前fex团队的nwind专门写过这个问题的博客： ... 厉害的地方是将整个...

库的三种加载方法 显示加载 隐示加载延迟加载: 静态库的加载需要头文件和lib库文件编译时使用lib库中引用的内容，嵌入到目标文件，实现内容的重用仅仅是在编译时 2.动态库的加载 1.隐示加载 2.显示加载 3.延迟加载动态链接库dll，静态链接库lib, 导...

Android图片加载框架最全解析（一），Glide的基本用法: 本文同步发表于我的微信公众号，扫一扫文章底部的二维码或在微信搜索郭霖即可关注，每天都有文章更新。现在Android上的图片加载框架非常成熟，从最早的老牌图片加载框架UniversalImageLoader，到后来Google...

移动web开发笔记: 移动web开发笔记移动web开发笔记

Android使用RecyclerView实现上拉加载更多，下拉刷新,分组显示: 使用RecyclerView封装headerview,footerView,并实现上拉加载更多，下拉刷新，分组功能(添加上拉加载和下拉刷新设置背景) 界面可能有点丑，但是是为了展示所有...（所有东西都是可自己设置的哦）效果图：如何...

JQuery EasyUI 的加载等待效果....: 前面一直在讲EasyUI的用法，我也是最近在用这个东西，觉得这个组件里面还是有很多问题，很多的不足。比如，如果你加载一个带有弹出框的表格页面，如果加载速度很慢的话会出现下面的效果：即很长...

JS实现页面加载完成之后自动刷新一次: 先贴出代码，如果有兴趣看我解题思路的可以看下，没兴趣的直接拿走用，节省时间。 window.onload = function(){ var url=document.location.href; //获取浏览器访问栏里的地址 if( url.indexOf("r=")==-1 ){ ...

python显示等待&隐式等待: 显示等待是针对某一个元素进行相关等待判定隐式等待不针对某一个元素进行等待，是全局元素等待相关模块(类)： WebDriverWait #显示等待，对元素比用 expectd_conditions #预期条件类(里面包含方法可以调用，用于...

前端入门之(vue图片加载框架一): 前言: 之前做android的时候,会接触各种图片加载框架,也自己封装过,封装网络框架目的无非...因为一直在做vue,所以我就以vue为基础来开发我们的图片加载框架了,我们新见一个vue项目,然后运行(我就以之前的vuex的demo...

相关热词 c#dll vb 调用 c# outlook c#修改表数据 c# 子窗体值返给父窗体 c# label 格式化 c# 程序如何控制摄像头 c# 获取运行时间 c#知识点结构图微软c# c#解析owl