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>

时间: 2024-08-08 13:53:53

JavaScript特效之前进,后退(返回上一级)的相关文章

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

(11)获取文件夹信息 文件夹没有修改操作. index.php: <?php require 'dir.func.php'; require 'file.func.php'; require 'common.func.php'; $path = 'file'; $path = @$_REQUEST['path'][email protected]$_REQUEST['path']:$path; $info = readDirectory($path); if($info == NULL){ e

android webview点击返回键返回上一级activity

android webview点击返回键返回上一个activity 1 @Override 2 public boolean onKeyDown(int keyCode, KeyEvent event) { 3 // TODO Auto-generated method stub 4 if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) { 5 return true; 6 } 7 return super

Javascript 特效(一)返回顶部

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style type="text/css"> 7 *{ margin:0; padding:0;} 8 body{ height:2000px;} 9 #box{ width:40px; height:40px;

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

我们知道.APP在设计上习惯性的把返回button放在屏幕的左上角,那么,在非常多时候(尤其是大屏幕手机),操作改返回button,就会有诸多不便了.为了更加方便实现"返回"功能.如今的一些APP,如百度贴吧等.開始引入一种的新的交互方式,通过滑动屏幕.利用手势事件来高速且友好的实现该功能. 怎样高速实现上图的效果呢.Github上提供了一个开源的库SwipeBackLayout,地址:https://github.com/ikew0ng/SwipeBackLayout , 通过它,我

Matlab返回上一级菜单

返回上一级菜单 str=cd;index_dir=findstr(str,'\');str_temp=str(1:index_dir(end)-1); 这种办法最多回到根目录下一级 创建文件并且进入对于文件夹 dirname = str if ~(exist(dirname,'dir')==7) mkdir(fliename) end cd(dirname) 这两个操作连在一起操作,便于文档的储存

类似IOS的滑动返回上一级,SwipeBackLayout-android的滑动返回类库

     最近,公司在开发App的需求中增加了一个新的需求,要在android的页面中增加向右滑动的时候返回上一级页面.我刚知道这个需求的时候,感觉有点坑,可能设计那边最近接触到知乎的客户端或者是IOS的滑动可以返回上一级的效果,所以...     之前没有接触过android的滑动返回的开源库,所以还是找一下百度...    后来在Github上找到了SwipeBackLayout:GitHub地址是:https://github.com/ikew0ng/SwipeBackLayout   

git bash返回上一级目录

[email protected] MINGW64 ~/learngit/gitskills (dev)$ cd ..\ 注意 cd 后面有空格 然后就会弹出一个 > 直接回车返回上一级目录 [email protected] MINGW64 ~/learngit (master)$ 原文地址:https://www.cnblogs.com/qaqhong/p/10695004.html

jQuery链式操作如何返回上一级DOM

有时候我们在链式操作的时候,选择到了其他的DOM进行操作,如何再返回先前的dom呢,有一下几个方法,end(); addBack(); add(); 使用形式 $("#divFather").show().find("a").addClass("now").end().addClass("highLight") 此段代码表示由ID为divFather往下取得了a标签加上now类之后,再返回到divFather就行添加hight

返回上一级过程

1. 前端 需要提供 上一级的上一级 id <s:a action="department_list?parentId=%{#parent.parent.id}"><IMG SRC="${pageContext.request.contextPath}/style/blue/images/button/ReturnToPrevLevel.png" /></s:a> 2.后端 从parentId 获取Department -->