当前位置: 首页 > news >正文

HTML5判断设备在线离线及监听网络状态变化例子

经测试android ipad默认的浏览器支持,用appcan封装的网页也支持

 

本文原创,转载请说明出处

<!doctype html>

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=utf-8">

<title>网络在线与离线</title>

</head>

<body>

<div id="status"></div>

<script type="text/javascript" language="javascript" charset="utf-8">

$$=function(id){return document.getElementById(id);};

 

if(navigator.onLine){$$("status").innerHTML="第一次加载时在线";}else{$$("status").innerHTML="第一次加载时离线";}

 

window.addEventListener("online",online,false);

function online(){$$("status").innerHTML="on";}

 

window.addEventListener("offline",offline,false);

function offline(){$$("status").innerHTML="off";}

</script>

</body>

</html>

转载于:https://www.cnblogs.com/lear/p/3410074.html

相关文章:

  • ntc:iBatis的demo
  • Linux RAID简介
  • 正确理解SOA、SaaS和云计算的关系
  • linux查看各项参数
  • 关于关于--关于网络,关于还是关于
  • 【Demo 0002】Android 提醒框
  • 数据相似性检测算法
  • vc的UI编程PngTextButton控件的适用情况
  • Android中在屏幕上涂鸦的例子
  • 近期备考安排
  • CentOS 配置mysql允许远程登录
  • 并查集回顾
  • 用一个暑假的时间想明白一件事
  • wubi安装ubuntu后迁移到新分区
  • Java多态的一些陷阱
  • 【162天】黑马程序员27天视频学习笔记【Day02-上】
  • 【399天】跃迁之路——程序员高效学习方法论探索系列(实验阶段156-2018.03.11)...
  • 【跃迁之路】【477天】刻意练习系列236(2018.05.28)
  • 8年软件测试工程师感悟——写给还在迷茫中的朋友
  • Android 架构优化~MVP 架构改造
  • Apache的基本使用
  • const let
  • EventListener原理
  • Go 语言编译器的 //go: 详解
  • python_bomb----数据类型总结
  • python学习笔记-类对象的信息
  • 读懂package.json -- 依赖管理
  • 计算机在识别图像时“看到”了什么?
  • 前端_面试
  • 携程小程序初体验
  • 要让cordova项目适配iphoneX + ios11.4,总共要几步?三步
  • 关于Android全面屏虚拟导航栏的适配总结
  • 专访Pony.ai 楼天城:自动驾驶已经走过了“从0到1”,“规模”是行业的分水岭| 自动驾驶这十年 ...
  • ​创新驱动,边缘计算领袖:亚马逊云科技海外服务器服务再进化
  • ​人工智能书单(数学基础篇)
  • (20050108)又读《平凡的世界》
  • (2022 CVPR) Unbiased Teacher v2
  • (51单片机)第五章-A/D和D/A工作原理-A/D
  • (6)【Python/机器学习/深度学习】Machine-Learning模型与算法应用—使用Adaboost建模及工作环境下的数据分析整理
  • (70min)字节暑假实习二面(已挂)
  • (ros//EnvironmentVariables)ros环境变量
  • (笔记)Kotlin——Android封装ViewBinding之二 优化
  • (读书笔记)Javascript高级程序设计---ECMAScript基础
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (附源码)ssm跨平台教学系统 毕业设计 280843
  • (附源码)小程序儿童艺术培训机构教育管理小程序 毕业设计 201740
  • (一)kafka实战——kafka源码编译启动
  • (一)Neo4j下载安装以及初次使用
  • (一)Thymeleaf用法——Thymeleaf简介
  • (转)C#调用WebService 基础
  • (转)ORM
  • .locked1、locked勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .net 4.0发布后不能正常显示图片问题
  • .net mvc 获取url中controller和action
  • .NET Project Open Day(2011.11.13)