在页面上增加前进,后退（返回上一级）功能：



方式一：使用函数

<script>

function goback(){

 history.go(-1);//返回或者history.back();

}

function go(){

history.go(1);//前进或者history.forward();

}

</script>



方式二：



<a href="javascript:history.go(1)">前进</a>

<a href="javascript:history.go(-1)">后退</a>



easy疑惑的地方：

每一个页面都能够设置后退前进button，仅仅有本页面跳到其它页面后。本页面的前进button才有效（有了前进的方向），

仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回)。

（由于前进后退要有目标方向）

<html>

<head>

<title>前进,后退</title>

<script>

function goback(){

 history.go(-1);//返回或者history.back();

}

function go(){

history.go(1);//前进或者history.forward();

}

</script>

</head>

<body>

<a href="damel8.html">go to damel8.html</a>

<br/>

<!-- 假设本页面（记为B页面）由其它页面（记为A页面）通过<a href=""> </a> 等方式跳转过来 点击后退button会返回到原来的A页面；跳回A页面后。假设点击A页面的前进button（javascript:history.go(1)）会跳到B页面。

通俗讲：

A页面 通过<a href=""> </a> 等方式 跳到 B页面

点击B页面的后退button  跳回A页面

此时点击A页面的前进button又能够跳回B页面

easy疑惑的地方：

每一个页面都能够设置后退前进button，仅仅有本页面跳到其它页面后，本页面的前进button才有效（有了前进的方向），

仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回)，

（由于前进后退要有目标方向。。

。。知道来得路才干按原路返回，）

-->

方式一：使用href

<br/>

<a href="javascript:history.go(1)">前进</a>

方式二：使用函数调用

<br/>

<input type="button" onClick="goback()" value="后退"/>

<br/>

</body>

</html>

JavaScript特效之前进，后退（返回上一级）的更多相关文章

  1. 用javascript实现禁止页面后退返回上一页的代码

    用javascript实现禁止页面后退返回上一页的代码:  有时候我们需要用户在点击了如下一步的按钮时,页面跳转到了下一个页面,这时想不允许用户返回后退到上一页,可以采用下面的方法:  在需要跳转的页 ...

  2. JavaScript返回上一页和返回上一级页面并刷新

    JavaScript返回上一页和刷新当前页 window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:wi ...

  3. Web 在线文件管理器学习笔记与总结（11）获取文件夹信息 （12）返回上一级操作

    (11)获取文件夹信息 文件夹没有修改操作. index.php: <?php require 'dir.func.php'; require 'file.func.php'; require ...

  4. 织梦dedecms返回上一级链接代码

    如题:织梦dede手机页面,如果我进入了下一级页面,想回上一级,<a href="xx">该用什么标签? 用JS实现,代码如下 <a href="jav ...

  5. JS写返回上一级

    应产品需求,自己的网站上要有返回上一级的需求,几经周折,做个小总结. (1): $("XX").on("click",function(){      wind ...

  6. 类似IOS的滑动返回上一级，SwipeBackLayout-android的滑动返回类库

    最近,公司在开发App的需求中增加了一个新的需求,要在android的页面中增加向右滑动的时候返回上一级页面.我刚知道这个需求的时候,感觉有点坑,可能设计那边最近接触到知乎的客户端或者是IOS的滑动可 ...

  7. git bash返回上一级目录

    YITU-LIUMZ+Administrator@yitu-liumz MINGW64 ~/learngit/gitskills (dev)$ cd ..\ 注意 cd 后面有空格 然后就会弹出一个 ...

  8. os.path.join合并 os.path.dirname返回上一级目录 os.path.exists(path) os.stat('path/filename')获取文件/目录信息

    import os str1 = "grsdgfd" str2 = "wddf" str3 = "gddgs" # print(str1 + ...

  9. Android 使用SwipeBackLayout实现滑动返回上一级页面——实战来袭

    我们知道.APP在设计上习惯性的把返回button放在屏幕的左上角,那么,在非常多时候(尤其是大屏幕手机),操作改返回button,就会有诸多不便了.为了更加方便实现"返回"功能. ...

随机推荐

  1. [Apple开发者帐户帮助]六、配置应用服务（2）创建DeviceCheck私钥

    要验证与DeviceCheck服务的通信,您将使用启用了DeviceCheck的私钥. 首先创建并下载启用了DeviceCheck 的私钥.然后获取密钥标识符(kid)以创建JSON Web令牌(JW ...

  2. 微信小程序获取当前所在城市

    本篇文章主要讲解在微信小程序中,如何利用微信自带的api(wx.getLocation())结合百度地图的逆地址解析api来获取当前所在城市名. 实现起来也比较简单,步骤为: 1--利用微信小程序接口 ...

  3. MSSQL:查看作业情况

    select j.name 'Job名',        j.description '描述',        j.ENABLED job_enabled,        cast(js.last_r ...

  4. Blender之Property

    目标 [x] 总结Blender插件之属性bpy.props 总结 bpy.props bpy.props模块用来扩展Blender内置数据的属性. 这些函数的结果用于为用Blender注册的类分配属 ...

  5. 7.Flask-上传文件和访问上传的文件

     1.1.上传文件和访问上传的文件 upload_file_demo.py from flask import Flask,request,render_template import os from ...

  6. windows服务安装错误 在‘安装’过程发生异常：System.ComponentModel.Win32Exception:系统正在关机

    今天安装windows服务的时候先是在本地安装测试通过,但是一到服务器就一直安装失败 在‘安装’过程发生异常:System.ComponentModel.Win32Exception:系统正在关机 然 ...

  7. 2018.10.9 上线发现elasticsearch写入速度超级慢，原来罪魁祸首是阿里云服务的OSS的锅

    问题描述: 按照项目计划,今天上线部署日志系统(收集线上的所有日志,便于问题排查). 运维按照以前的部署过程,部署elasticsearch,部署结束之后,通过x-pack的monitor发现elas ...

  8. HTML 5概述

    HTML语言是一种简易的文件交换标准,用于物理的文件结构,它旨在定义文件内的对象和描述文件的逻辑结构,而并不定义文件的显示.由于HTML所描述的文件具有极高的适应性,所以特别适合于WWW的出版环境. ...

  9. VM虚拟机中Ubuntu中执行apt-get update失败的解决方法（可能有效）

    首先确保虚拟机是连接网络的,可以用ping命令检测一下看是否连通网络.采用nat网络的时候确保服务是开的. 如果之前执行过apt-get update命令但是失败了,执行一下      rm -rf ...

  10. flex记忆

    ._rebate { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; displ ...