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



方式一：使用函数

<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. 微信公众号开发之文本消息自动回复,以及系统关注自动回复，php代码

    以tshop为例 直接上代码: 企业 cc_wx_sys表为自建,存储系统消息的配置的 字段: id type key status <?php /** * tpshop * ========= ...

  2. Web Api跨域登录问题

    最近项目第一次尝试使用web api,照搬了一般mvc的Forms登录方式,在和前端对接的时候出现一个问题: 前端使用ajax调用登录接口完成登录后,再调用别的接口,被判断为未登录. 如果直接在浏览器 ...

  3. React Component(dva)

    Stateless Functional Components(3种方式) class App extends React.Component function App() const App= Re ...

  4. 网上找的JS截取字符串（含中文）

    <script> /* 2007-11-28 XuJian */ //截取字符串 包含中文处理 //(串,长度,增加...) function subString(str, len, ha ...

  5. 【PLSQL】游标

    Oracle中的SQL在执行时需要分配一块内存区域,这块内存区域叫做上下文区. 上下文区中记录了SQL语句的处理信息,这些信息包括:查询返回的数据行.查询所处理的数据的行号.指向共享池中的已分析的SQ ...

  6. 安卓代码迁移：ActionBarActivity: cannot be resolved to a type

    参考链接:http://stackoverflow.com/questions/18830736/actionbaractivity-cannot-be-resolved-to-a-type in e ...

  7. Commons IO

    Common IO 是一个工具库,用来帮助开发IO功能 它包括6个主要部分 Utility classes – 包括一些静态方法来执行常用任务 Input – InputStream 和 Reader ...

  8. 在vue中写一个跟着鼠标跑的div，div里面动态显示数据

    1.div应该放在body里面,这是我放在body中的一个div里面的div <!-- 信息查看层 --> <div class="floatDiv" :styl ...

  9. eas之怎么设置单据保存或者提交完不跳到下个新增页面

    this.chkMenuItemSubmitAndAddNew.setSelected(false);

  10. 【剑指Offer】13、调整数组顺序使奇数位于偶数前面

      题目描述:   输入一个整数数组,实现一个函数来调整该数组中数字的顺序,使得所有的奇数位于数组的前半部分,所有的偶数位于数组的后半部分,并保证奇数和奇数,偶数和偶数之间的相对位置不变.   解题思 ...