h5在线状态监测
2016-06-08 10:44
495 查看
一个属性,2个事件
navigator.onLine 表示当前浏览器的的在线状态。
window.addEventListener("online", function(){}); 浏览器上线事件。当浏览器连上网络时触发此事件
window.addEventListener("offline", function(){}); 浏览器掉线事件。
【演示】
navigator.onLine 表示当前浏览器的的在线状态。
window.addEventListener("online", function(){}); 浏览器上线事件。当浏览器连上网络时触发此事件
window.addEventListener("offline", function(){}); 浏览器掉线事件。
【演示】
if(navigator.onLine){ console.log("在线状态..."); }else{ console.log("离线状态..."); } window.addEventListener("online", function(){console.log('我上线了...')}); window.addEventListener("offline", function(){console.log('我掉线了...')});
相关文章推荐
- 《HTML5移动web开发指南》——笔记1
- CDH5.5.4安装oozie报错解决办法
- 移动h5自适应布局
- html5新增的结构元素
- html5中table表格标签中合并单元格
- html5 跳转方式
- HTML5发展史
- h5 如何打包apk
- Html5 Checkbox多种状态切换
- 移动前端头部标签(HTML5 head meta)1
- 在PC机使用浏览器手机模式预览HTML5页面
- 移动前端头部标签(HTML5 head meta) HTML5中的meta标签
- html5中本地存储及缓存
- HTML5 file
- HTML5移动web开发指南笔记
- HTML5 video 和 audio
- html5的本地存储
- HTML5 LocalStorage 本地存储
- 用HTML5的canvas实现抽奖刮刮卡的效果(只需十几行代码)
- HTML5 data-* 自定义属性