JavaScript特效之前进,后退(返回上一级)
在页面上增加前进,后退(返回上一级)功能:
方式一:使用函数
<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特效之前进,后退(返回上一级)的更多相关文章
- 用javascript实现禁止页面后退返回上一页的代码
用javascript实现禁止页面后退返回上一页的代码: 有时候我们需要用户在点击了如下一步的按钮时,页面跳转到了下一个页面,这时想不允许用户返回后退到上一页,可以采用下面的方法: 在需要跳转的页 ...
- JavaScript返回上一页和返回上一级页面并刷新
JavaScript返回上一页和刷新当前页 window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:wi ...
- Web 在线文件管理器学习笔记与总结(11)获取文件夹信息 (12)返回上一级操作
(11)获取文件夹信息 文件夹没有修改操作. index.php: <?php require 'dir.func.php'; require 'file.func.php'; require ...
- 织梦dedecms返回上一级链接代码
如题:织梦dede手机页面,如果我进入了下一级页面,想回上一级,<a href="xx">该用什么标签? 用JS实现,代码如下 <a href="jav ...
- JS写返回上一级
应产品需求,自己的网站上要有返回上一级的需求,几经周折,做个小总结. (1): $("XX").on("click",function(){ wind ...
- 类似IOS的滑动返回上一级,SwipeBackLayout-android的滑动返回类库
最近,公司在开发App的需求中增加了一个新的需求,要在android的页面中增加向右滑动的时候返回上一级页面.我刚知道这个需求的时候,感觉有点坑,可能设计那边最近接触到知乎的客户端或者是IOS的滑动可 ...
- git bash返回上一级目录
YITU-LIUMZ+Administrator@yitu-liumz MINGW64 ~/learngit/gitskills (dev)$ cd ..\ 注意 cd 后面有空格 然后就会弹出一个 ...
- os.path.join合并 os.path.dirname返回上一级目录 os.path.exists(path) os.stat('path/filename')获取文件/目录信息
import os str1 = "grsdgfd" str2 = "wddf" str3 = "gddgs" # print(str1 + ...
- Android 使用SwipeBackLayout实现滑动返回上一级页面——实战来袭
我们知道.APP在设计上习惯性的把返回button放在屏幕的左上角,那么,在非常多时候(尤其是大屏幕手机),操作改返回button,就会有诸多不便了.为了更加方便实现"返回"功能. ...
随机推荐
- C99新增内容之复合文字(compound literal)
前言: 最近在复习C,发现了一些新东西,例如:变长数组,复合文字,指针的兼容性等.今天先简单谈一下复合文字. 正文: 假如需要向带有一个int参量的函数传递一个值,您可以传递一个int变量,也可以传递 ...
- unity3d引擎中slua的使用
SLua是开源软件,没有反射,没有额外GC,采用静态代码生成,可以用于游戏核心逻辑,完整支持4.6+ UI系统. 1.下载安装 http://www.slua.net/ https://github. ...
- HBase、Hive、MapReduce、Hadoop、Spark 开发环境搭建后的一些步骤(export导出jar包方式 或 Ant 方式)
步骤一 若是,不会HBase开发环境搭建的博文们,见我下面的这篇博客. HBase 开发环境搭建(Eclipse\MyEclipse + Maven) 步骤一里的,需要补充的.如下: 在项目名,右键, ...
- C#三种创建对象方法所需时间比较。。。。。
C#创建对象的三种方法 new().Activator.Assembly,接下来通过代码直接来看看运行的速度.... 首先,先看看三种创建对象实例的方法: //new(); public stati ...
- Android 解析XML—pull解析方式
在Android中,常见的XML解析器分别为SAX解析器.DOM解析器和PULL解析器,其中PULL解析器小巧轻便,解析速度快,简单易用,非常适合在Android移动设备中使用,Android系统内部 ...
- vue axios 请求带token设置
API axios.js import axios from "axios"; let AUTH_TOKEN=(function(){ return localStorage.ge ...
- Haar、pico、npd、dlib等多种人脸检测特征及算法结果比较
原文:opencv.pico.npd.dlib.face++等多种人脸检测算法结果比较 NDP检测结果: 结果分析: Pico(Pixel Intensity Comparison-based Obj ...
- OpenCV : 基于切线方向的边缘增强算法
使用切线方法,对切线方向上的边缘进行强化: 参考连接:图像锐化和边缘检测 代码: //在种子点方向上寻找合适的梯度,用于寻找边缘 //对low_Gray, high_gray之间的点寻找边缘 void ...
- c# 读取 XML
XmlDocument xmldoc = new XmlDocument(); string xmlPath = HttpContext.Server.MapPath("~/*****.xm ...
- 前端面试题总结 -vue
1.active-class是哪个组件的属性? vue-router模块的router-link组件. 2.嵌套路由怎么定义? 在 VueRouter 的参数中使用 children 配置,这样就可以 ...