javascript js 判断页面是否加载完成

最新推荐文章于 2022-11-01 22:27:08 发布
转载 最新推荐文章于 2022-11-01 22:27:08 发布 · 1k 阅读 · 0
收录于
javascript

当前文章被收录于：

javascript
33 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了一个简单的JavaScript脚本，用于监测Internet Explorer浏览器中页面的加载状态，并通过设置定时器实现页面加载完成后的提示及定时器的清除。此脚本通过检测`document.readyState`属性来判断页面是否加载完毕。
  1.    
  2. var start;    
  3.     window.onload = function () {    
  4.         if(document.all) {//简单判断是否是IE    
  5.             start = setInterval('updateImg()', 1000);    
  6.         } else {    
  7.             alert('FF OK');    
  8.         }    
  9.     }    
  10.     function updateImg() {    
  11.             
  12.         if (document.readyState == "complete") {    
  13.             try{    
  14.                 alert('IE OK');    
  15.                 clearInterval(start);//执行成功，清除监听    
  16.             }catch(err){    
  17.                 return true;    
  18.             }    
  19.         }    
  20.     }
标签
#javascript #function #ie
script 标签的加载机制
Moments
01-27 2361
脚本在页面的位置 script 通常被放在 header 或者 body 标签中，但位置的不同对于页面的加载效果也不一样。 放在 header 中 <head> <title>script 加载机制</title> <script src='/js/test1.js'></script> <script src='/js/test2.js'></script> <script src='/js/test
动态加载script 加载完成回调事件
不畏浮云遮望眼
02-27 7055
序言 网页中有很多的第三方插件都是通过直接引入script库的方式进行加载，由于加载脚本需要时间，如果script还没有加载完成，便使用库中的对象就会有错误。 解决方案 获取script DOM 对象 绑定onload事件异步回调 总体的思路是这样子 asyncComplete() { return new Promise((reject, resole) =&gt; { ...
JS监听页面是否被隐藏和显示
98年热爱开发的前后端开发工程师！
11-01 3648
JS监听页面是否被隐藏和显示
js判断各种资源是否加载完成的方法汇总，资源预加载问题
yanhanhui1的博客
03-03 8504
将网站放在服务器后，因为服务器带宽问题，才发现很多资源比如图片、音频在网站打开后1分钟还没有加载，导致无法播放。所以说我决定使用js在最开头加一个判断资源是否加载完成的函数并运行，只有资源全加载完成了才能进入主页面。 在网上查了很多都是说用onload，但是这只能判断文档dom树是否解析完成，但是音频、图片等等资源加载完成没是无法判断的。 下面我将来一一分享我的方案。 1，判断音频/视频是否加载完成 音频，视频元素分别是<audio>、<vedio>，这两个元素都有ready
JavaScript——判断页面是否加载完成
weixin_30470643的博客
08-02 458
前言 接上文，既然你是做一个loading的效果，你总不能一直loading，当页面完成加载的时候你总要结束吧 步骤 先说下原生的方法，再讲jquery的方法，原理是一样的 JavaScript //当页面加载的时候开始执行 document.onreadystatechange = function (){ if(document.readyState == "comp...
判断JS是否加载完成
weixin_43422861的博客
08-20 2471
js文件异步加载
用js判断页面是否加载完成
热门推荐
记录踩过的坑只为了更好地填坑
03-27 1万+
很偶然的机会和白开聊到怎么去判断页面加载完成后再将页面内容显示出来，今天突然想到这个就随手写了一个简单的demo，原来竟是这么简单，而自己却一直没去整过，总算是明白了，原来自己已菜了这么久*{padding: 0; margin:0;} html{font-size: 40px;} body, html{width: 100%; height: 100%;} .wrap{ position:
js判断页面是否加载完成？
Lyg_gis的博客
08-31 8111
法一：window.onload： 当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利，因为无需考虑加载的次序。 window.onload=function(){ 　　　　　　　dosth//你要做的事情 　　　　} 法二： $(document).ready()： 会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的，但是，
Delphi中WebBrowser判断页面及JS ajax是否加载完成-转
漫漫程序人生路
06-13 1178
在一个程序中需要判断WebBrowser打开的页面是否加载完成，通常的做完是使用Busy属性，代码如下： while WebBrowser1.Busy do Application.ProcessMessages; 对于多框架： procedure TForm1.WebBrowser1NavigateComplete2(Sender: TObject; co...
JavaScript判断页面是否加载完成
柚子茶0902
07-09 1978
JavaScript判断页面是否加载完成     用document.onreadystatechange的方法来监听状态改变，   然后用document.readyState == “complete”判断是否加载完成   代码如下：   document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方
js判断页面是否加载完成
weixin_43193877的博客
12-20 716
js判断页面是否加载完成 下面的图片自己可以转化成base64编码的形式，这里因字数太多我改掉了… //获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.documentElement.clientWidth; //计算loading框距离顶部和左部的距离（l...
用js判断页面是否加载完成实现代码
ShuLiu's Log Book
06-26 780
用document.onreadystatechange的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成  document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething() { if(document.readyS
html 判断页面加载完成,Javascript判断页面是否加载完成
weixin_31499719的博客
06-09 1550
很多时候我们在使用document.getElementById的时候直接在script标签中获取对象，然后使用，此时程序会出现该对象为undefined。vardom=document.getElementById("target");alert(dom);//undefined但是如果你把这段代码放到文档的最末尾，你再运行他的结果便不是undefined。这到底是为什么呢？这个我们要从文...
JS判断页面加载是否完成
weixin_30455365的博客
04-28 111
document.onreadystatechange = function()　　//当页面加载状态改变的时候执行function { 　　if(document.readyState == "complete") 　　{ 　　//当页面加载状态为完全结束时进入 init();　　 //你要做的操作。　}} 转载于:https://www.cnbl...
转：用js判断页面是否加载完成
ava_chc的专栏
10-20 148
用document.onreadystatechange的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成 代码如下： document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething() { if(document.readyS...
JS判断页面是否加载完成 readyState
fangzy0112的专栏
11-05 2488
用document.onreadystatechange的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成  代码如下：   document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething(){ if(docum
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值