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,就会有诸多不便了.为了更加方便实现"返回"功能. ...
随机推荐
- Hardwood Species（map）
http://poj.org/problem?id=2418 题意:给定一系列字符串,要求按字典序升序输出每个串,并输出每个串出现的百分比. 用map做的,交c++A了,G++ WA..so sad. ...
- mybatis+oracle实现一对多，多对一查询
首先创建表 学生表 create table stu( id number(11) primary key, name varchar2(255), age num ...
- MySQL 的单表查询
单表查询 语法: 一.单表查询的语法 SELECT 字段1,字段2 ,...FROM 表名 WHERE 条件 GROUP BY field HAVING 筛选 ORDER BY filed LIMIT ...
- 5.14web相关概念
1.软件架构 1.C/S:客户端/服务器端 2.B/S:浏览器/服务器端 2.资源分类 1.静态资源:所有用户访问后,得到的结果都是一样的,称为静态资源.静态资源可以直接被浏览器解析如:html,cs ...
- css的选择器效率分析
我们都知道,CSS具有叠加性(同一个元素被多条样式规则指定),继承性(后代元素会继承前辈元素的一些样式和属性)和优先级 (由于CSS的叠加性和继承性,将产生优先级,这指的是哪条样式规则会最终作用于指定 ...
- bootstrap 网格布局
一:基本的网格布局 <div class="container"> <div class="row"> <div class=&q ...
- Apache安装简述
软件下载地址:http://pan.baidu.com/s/1o8oexKI 1.httpd -k install 2.httpd -k restart 3.启动bin文件夹里的httpd.exe 4 ...
- vue axios 请求带token设置
API axios.js import axios from "axios"; let AUTH_TOKEN=(function(){ return localStorage.ge ...
- JavaOO知识点小结一
Java语言的特点是什么?简单 面向对象 跨平台 多线程 健壮性安全性 垃圾回收机制如何编译和执行java文件?产生帮助文档用什么命令?编译: javac 文件名执行: java 类名产生帮助文档 j ...
- Vs2010删除空白行
在copy了别人的代码之后,出现了大量的空白行,批量删除空白行方法为: 查找内容:^:b*$\n 替换为: 查找范围:当前文档 使用:正则表达式