北京网站建设培训,营销师资格证报名官网,免费个人网站怎么注册,wordpress论坛投票判断在线状态为了判断浏览器的在线状态#xff0c;HTML5提供了两种方法来检测是否在线。#xff08;1#xff09;onLine属性#xff1a;通过navigator对象的onLine属性可返回当前是否在线。如果返回true#xff0c;则表示在线#xff1b;如果返回false#xff0c;则表示…判断在线状态为了判断浏览器的在线状态HTML5提供了两种方法来检测是否在线。1onLine属性通过navigator对象的onLine属性可返回当前是否在线。如果返回true则表示在线如果返回false则表示离线。当网络状态发生变化时navigator.onLine的值也随之变化。开发者可以通过读取它的值获取网络状态。2online/offline事件如果开发者需要在网络状态发生变化时立刻得到通知则可以通过HTML5提供的online/offline事件来检测。当在线/离线状态切换时body元素上的online/offline事件将会被触发并沿着document.body、document和window触发。因此开发者可以通过它们的online/offline事件来检测网络状态的变化。【例19.2】我们在使用网络工作的时候有的时候会因为网络的信号或者是故障出现离线的情况而往往因为工作的繁忙我们不能第一时间知道网络的连接情况所以使用程序来判断网络的连接情况是十分必要的。本实例将通过onLine属性检测网络的当前状态。1创建index.html文件首先定义一个id属性值为pStatus的p元素用于显示当前的网络状态并在页面中导入CSS文件和JavaScript文件代码如下。2创建JavaScript文件js2.js编写自定义函数pageload和Status_Handle在pageload函数中通过调用navigator对象的onLine属性来检测当前的网络状态并通过Status_Handle函数将检测结果显示在页面中。代码如下。本例运行的效果如图19.3所示。图19.3 通过onLine属性检测网络的当前状态【例19.3】本实例将开发一个离线留言板。利用离线Web应用程序来对数据进行控制将要发表的信息内容进行发表使填入在留言板中的数据显示在页面上。1创建index.html文件首先定义一个id属性值为mm的ul元素用于显示留言列表再定义一个p元素在该元素内部创建一个文本域和一个“发表”按钮并设置当单击该按钮时调用click1函数然后在body标签中定义当页面载入时调用localdata函数最后在页面中导入CSS文件和JavaScript文件。代码如下。2创建JavaScript文件js3.js在文件中首先编写自定义函数click1该函数用来将用户的留言信息保存在本地然后编写自定义函数localdata该函数用来获取保存数据并将其显示在页面中接着编写自定义函数RetRndNum该函数用来生成指定长度的随机数最后编写自定义函数AddServerData该函数用于在线时向服务器添加数据。具体代码如下。运行本实例在输入框中输入留言内容然后单击“发表”按钮留言板中的数据将会显示在页面上。https://www.bilibili.com/video/BV1754y1N776/?p3spm_id_frompageDrivervd_sourcea7816e3b2a3a67ac39dc87f6bf92421c
