注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

谈笑涧

已开通独立前端博客,请访问 http://www.candoudou.com

 
 
 

日志

 
 

HTML5 online(在线) offline(离线) 事件  

2012-04-20 09:51:21|  分类: html5+css3 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

onlineoffline在以往的部分浏览器中有所实现,HTML5把它标准化,目前大部分浏览器实现了对该功能的支持。

onlineoffline 事件用来监测浏览器处于在线或离线状态。HTML5提出的离线存储,web应用程序可以在不连接互联网的情况下满足用户的部分需求,比如在线记事本。当没有连接互联网,也就是offline的时候,我们可以把用户的数据保存在本地,当用户连接到互联网的时候,也就是online,我们可以把数据发送到服务器。

onlineoffline事件可以绑定到body、document、window对象上。我们可以通过监测navigator.onLine属性来判断用户处于在线还是离线状态。

演示:下面的代码简单的演示了这两个事件的使用。

var lineStatus = document.getElementById('line-status');  var updateLineStatus = function(event) {      if (navigator.onLine) {         lineStatus.style.backgroundColor = 'green';         lineStatus.innerHTML = '您目前在线';      } else {         lineStatus.style.backgroundColor = 'red';         lineStatus.innerHTML = '您目前离线';      } } updateLineStatus(); document.body.addEventListener('online', updateLineStatus, false); document.body.addEventListener('offline', updateLineStatus, false); 
您目前在线
  评论这张
 
阅读(844)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017