页面一：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网络在线与离线</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

</head>

<body>
<p><a href="one.html" onclick="goNext()">这是index页面</a></p>

<div id="status"></div>
<!--这个方法是用来跳转下一页的-->
<script>
    function goNext(){
　　　　//前进下一页
        window.history.go(1)
    }
</script>

<!--这个是用来测试有没有网络js  对你来说没啥用 就是检测网络的-->
<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>

第二个页面：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>two</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<p onclick="goBack()">返回上一个页面</p>
<p>这是第二个页面</p>
<!--这个方法是用来返回上一页的-->
<script>
    function goBack(){
        window.history.go(-1)
    }
</script>
</body>
</html>

当连网时，你打开了第一个页面以及第二个页面，当忽然断网时，你本身处在第二个页面，点击<p>"返回上一个页面"按钮时，可以返回到历史纪录的第一个页面，并且再次点击第一个页面的<p>"这是index页面"按钮时，也可以跳转到已经记录过的第二个页面。


												


											
h5  网络断网时，返回上一个页面 demo (与检测网络代码相结合，更直观看到结果)的更多相关文章
	

    
								
  1. Flutter - 添加从左向右滑动，返回上一个页面
		
    很多App比如微信.IT之家等都支持从屏幕左侧向右滑动,来返回上一个页面. 很多iOS上的App也都支持. 那么这个神奇的手势滑动是怎么实现的呢? 其实非常简单,只需要添加一句话即可. platfor ...
    
		
    2. 
						
  2. JavaScript中,返回上一个页面时,如何保证上一个页面的不刷新?
		
    history.back()和history.go(-1)都可以实现返回上一页并不刷新.History 对象包含用户(在浏览器窗口中)访问过的 URL. history.back() 等同于在浏览器点 ...
    
		
    3. 
						
  3. vue滚动行为控制——页面跳转返回上一个页面保留滚动位置
		
    需求分析: 一般这个功能在后台管理系统用的比较多,因为后台页面都是在当前页面打开,对于某些列表筛选页,如果列表数据比较多,页面就会滚动.当页面发生滚动,对列表数据进行查看或者编辑的时候,跳转到下一级页 ...
    
		
    4. 
						
  4. 使用HBuilderX打包成app之后点击返回按钮让它返回上一个页面
		
    首先:下载引入mui.min.js文件,MUI框架mui-min.js文件github地址 https://github.com/dcloudio/mui 下载之后并在index.html文件中引入如 ...
    
		
    5. 
						
  5. vue中路由返回上一个页面,恢复到上一个页面的滚动位置
		
    第一步:路由文件的配置(对你所需要的vue文件进行保存缓存标志的添加) import Vue from 'vue' import Router from 'vue-router' import Hel ...
    
		
    6. 
						
  6. ionic中执行pop返回上一个页面，还需要执行操作
		
    <ion-navbar> </ion-navbar> 从A页面push到B页面拿到数据以后,从B页面pop到A页面,在A页面展示刚刚拿到的数据,用 ionViewDidEnte ...
    
		
    7. 
						
  7. Android  重写物理返回键，在h5页面中返回上一个界面
		
    实现:Activity中放置webview,跳转到h5界面,点击返回键,不退出h5界面,而是返回上一个h5界面 /** * 改写物理按键--返回的逻辑,希望浏览的网页后退而不是退出浏览器 * @par ...
    
		
    8. 
						
  8. iOS开发——常见错误——使用MJRefresh返回上一个界面蹦掉的情况
		
    最近在使用MJRefresh框架时发现了一个bug 下面是我的源代码 前一个界面 -(void)tableView:(UITableView *)tableView didSelectRowAtInd ...
    
		
    9. 
						
  9. 从一个Activity返回上一个Activity
		
    从一个Activity返回上一个Activity 要求:保留上一个Activity的数据 方法: 第一步:从Activity1转向Activity2时,用startActivityForResult而 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 剑指offer（57）二叉树的下一个节点
			
    题目描述 给定一个二叉树和其中的一个结点,请找出中序遍历顺序的下一个结点并且返回.注意,树中的结点不仅包含左右子结点,同时包含指向父结点的指针. 题目分析 这题一定要画图,因为只有画图我们才能分清楚下 ...
    
			
    2. 
						
  2. svg(二)---半瓶子晃荡
			
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
			
    3. 
						
  3. CSP中的选择
			
    P ∩ Q (P or Q) 由机器做出选择,环境无法控制,设计软件时只实现一个即可 P[]Q一般选择(Genral choice) 环境可以控制选择P或Q,若P不可接受这个动作,则执行Q,若Q不可接 ...
    
			
    4. 
						
  4. 使用Metasploit渗透攻击windows系统（一）
			
    攻击机:kaili ip:192.168.80.157 目标机:win7 IP:192.168.80.158 这里用两种方法去创建meterpreter会话: 1)利用kali中的msfvenom生成 ...
    
			
    5. 
						
  5. [spring源码] 小白级别的源码解析ioc（二）
			
    之前一篇,整体描述了一下 Spring的整体概况和 jar包的介绍. 现在开始进入具体的源码解析,从本篇开始,先介绍spring的ioc容器.之前也看过一些介绍spring源码的, 有的是只讲整体的接 ...
    
			
    6. 
						
  6. 基于JMH的Benchmark解决方案
			
    原始Benchmark做法 在设计新框架的时候,往往需要评估待接入的组件的性能,这个时候我们可能会利用UnitTest来进行,写一个方法,然后在循环里面跑,利用System.CurrentTimeMi ...
    
			
    7. 
						
  7. scrapy python2升级python3遇到的坑
			
    换成Python3首先pycharm先执行: 然后看代码自己所需要的第三方库都要重新装 然后执行代码: 遇到这样的错如下: SyntaxError: invalid syntax 先检查print 所 ...
    
			
    8. 
						
  8. 微信小程序silk格式转码成mp3格式
			
    最近小程序项目需要录制语音并上传到服务器,经过查资料了解 目前微信小程序录音的文件后缀名是silk,因此需要转换. 经过查资料了解,参考一下的地址 https://github.com/kn007/s ...
    
			
    9. 
						
  9. .Netcore使用Session
			
    1.使用Session(进程内) 在startup中添加方法 services.AddSession  app.UseSession() services.AddDistributedMemoryCa ...
    
			
    10. 
						
  10. css颜色的五种表示方法
			
    一.最简单.最古老的颜色类型在CSS颜色的关键词,如red blue等. 二.十六进制值,如#0000. 三.RGB: rgb(255,0,0),这是给定的三个参数表示的红色,绿色和蓝色通道的颜色值每 ...
    
			
    11.