js中要求执行的事件是在完全加载完,但由于本地环境测试一直没发现出问题,在上线后由于网络延迟导致元素加载慢,而事件执行完,没达到预期目标。

这时就需要用到属性 readyState

  readyState 属性返回当前文档的状态(载入中……)。

  该属性返回以下值:

  • uninitialized - 还未开始载入
  • loading - 载入中
  • interactive - 已加载,文档与用户可以开始交互
  • complete - 载入完成

document.readyState.toLowerCase();//获取加载状态

该属性配合setInterval 完美。

转载于:https://www.cnblogs.com/init-007/p/9990739.html

由于html元素加载导致的问题相关推荐

  1. vue进入页面执行的钩子函数_解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题...

    项目需求:图片加载时,当鼠标滚动至当前图片进行加载并加上上滑特效,实现这个效果需要对文档文档滚动位置和图片的当前位置进行比较.但是mounted 钩子函数执行时img图片并未加载出来也就是占位为空,导 ...

  2. selenium web自动化判断页面元素加载完毕

    主要方便以后用到时查阅,侵删! 三种等待方法: 1.强制等待sleep(xx) 强制等待,不管你浏览器是否加载完了,程序都得等待,时间一到,继续执行下面的代码,作为调试很有用,有时候也可以在代码里这样 ...

  3. jQuery等待video视频元素加载完成

    在写油猴脚本时候,需要判断video元素加载完成后,再对其进行操作. 方法: jQuery(document).delegate('video', 'DOMNodeInserted', functio ...

  4. JavaScript--JQuery事件 当网页元素加载完成后再去执行事件

    1. JQuery事件 JQuery帮助文档: 这里的selector都是CSS选择器的语法 CSS选择器 示例1 弹出提示框: <!DOCTYPE html> <html lang ...

  5. 微信公众号群发功能的页面元素加载不全的解决办法

    解决了一个困扰我一晚上的问题 昨天晚上突然发现,公众号的群发页面加载出现了点问题,好多内容都不显示.元素深查了一下,发现后台爆了一大堆的错误,主要就是各种元素因为"Refused to lo ...

  6. selenium之如何等待页面元素加载完成

    webdriver中我们用两种方式进行等待:明确的等待和隐性的等待. 明确的等待 明确的等待是指在代码进行下一步操作之前等待某一个条件的发生.最不好的情况是使用Thread.sleep()去设置一段确 ...

  7. 【原】HTML页面元素加载顺序研究报告(2)----背景图片

    2.接下来考察背景图片的加载: 一般来说,添加背景图片有三种办法: 直接写在标签的style里面,如: <div style="background-image:url('images ...

  8. jQuery下实现检测指定元素加载完毕

    检测元素出现方法. 虽然是基于 jQuery 的,但是代码很简洁,可以修改成纯js版的. 文本 jQuery.fn.wait = function (func, times, interval) {v ...

  9. 插件加载导致outlook崩溃

    问描述: 加载插件导致outlook崩溃(向outlook2016拖入文件,之间显示) 由于对插件的编程几乎不理解就有了上文,然后不知道为啥,心里一个尽的想着,让插件自己重启就ok了,看看插件哪里出错 ...

最新文章

  1. 漫画:什么是红黑树?
  2. paper 38 :entropy
  3. gateway response annotation comes first, then project folder one
  4. java ssm 多租户_(十一)java B2B2C 源码 多级分销springmvc mybatis多租户电子商城系统- SSO单点登录之OAuth2.0登录流程(2)...
  5. 【Python】Python语言math模块可用函数
  6. 通过Oracle VM Manager管理配置虚拟机
  7. 学习Spring Security
  8. 开源视频平台:MediaCore(MediaDrop)
  9. Ubuntu免密码输入关机脚本
  10. 三星v版系统更新无法连接到服务器,美国V版三星S9/S9+迎来安卓9更新 展示新One UI用户界面...
  11. Latex:Tikz脑图(Mindmap)如何添加新结点并调整结点位置
  12. 使用Dumuz淘宝订单批量插旗备注
  13. CANoe如何查看总线负载率?
  14. Unity 3D模型展示之拖拽
  15. android主流手机测试,硬件测试哪家强?安卓手机跑分软件横评
  16. 淘宝聚划算怎么做?大神导航,一个神奇的网站从此开启大神之路
  17. Grafana源码编译--Windows
  18. TUTK demo iOS
  19. vivado技巧总结
  20. AT89C51 与 AT89S51/52 的区别

热门文章

  1. MacOS 如何显示/隐藏文件
  2. Linux 命令之 nslookup 命令-查询域名 DNS 信息的工具
  3. Iphone 手机如何导入/导出通讯录
  4. mysql注入漏洞语句,web安全之sql注入漏洞
  5. php 即时到账,paypal即时到账php实现代码
  6. java依赖_java 依赖、组合、聚合与继承
  7. pbc是什么材料_职道漫谈 | 华为的绩效跟你们公司的绩效,有什么区别?
  8. vs 2019 社区版许可证过期_Switch版《最终幻想12:黄道时代》对比PS4版 就没差
  9. mysql 中间表的好处_Mysql中使用中间表提高统计查询速度
  10. 万维网发布服务 w3svc 已停止 除非万维_万维网和互联网的区别