用 JavaScript 实现"back"按钮的功能

最新推荐文章于 2021-05-26 02:34:33 发布
最新推荐文章于 2021-05-26 02:34:33 发布
阅读量1.5k 收藏
点赞数
分类专栏： HTML(srcipt) 文章标签： javascript 浏览器 html 文档 go
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y970105/article/details/285623
版权
本技巧教你如何让你的读者能够从当前页面跳回到他们以前浏览过的页面。

是否很想有一个神奇的按钮，能将它放在你的 HTML 文档的任何地方，使你的读者能够从当前页回跳到以前浏览过的页面呢？或许，你不象我这么懒惰，但是我想有这个念头也不奇怪吧。在浏览的页面非常长时，我就很讨厌将鼠标移到浏览器的"Back"按钮上。

<a href="javascript:history.go(-1)"
onMouseOver="self.status=document.referrer;return true">Go Back</a>

yutaolife007
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中back和go的区别
weixin_45573011的博客
09-02 2421
javascript中back和go的区别 一、 数据 history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 1、开发人员可以知道用户浏览的url么？ 不可以 出于安全因素的考虑，开发人员无法得知用户浏览过的URL，只能通过用户访问过的页面列表，实现后退和前进，进而模仿浏览器的“后退”和“...
【JavaScript源代码】JavaScript实现返回顶部按钮.docx
12-29
JavaScript实现返回顶部按钮 　　本文实例为大家分享了JavaScript实现返回顶部按钮的具体代码，供大家参考，具体内容如下　　1.先搭架子　　a {　　            text-decoration: none;　　    }　　         　　        body {　　            height: 5000px;　　        }　　         　　        .backtotop {　　            position: fixed;　　            bottom: 80px;　　            right:
N-Back:N-Back 任务的 JavaScript 实现
05-31
N-Back 描述的 N-Back 任务的 JavaScript 实现 概述 这项任务要求参与者指出每个连续出现的字母是否是目标。 目标字母为X （0-back）时工作量低，当目标字母与前一个相同时（1-back）为中间，当目标字母与前两个字母相同时（2-back）工作量高）。 在此任务中，视觉输入和按钮按下次数在不同工作负载级别上是相同的。 这意味着工作量的影响实际上可以归因于心理过程的差异，而不是由于高工作量条件下与低工作量条件下手或眼运动量不同造成的。 任务 参与者查看字母，依次呈现在屏幕上。 对于每个字母，他们按下一个按钮来指示该字母是目标还是非目标。 在 0-back 条件下，字母X是目标。 在 1-back 条件下，当一个字母与之前的字母相同时，它就是一个目标。 在 2-back 条件下，一个字母与之前的两个字母相同时为目标。 使用此版本的 n-back 任务，工作
【JavaScript源代码】JavaScript实现返回顶部按钮案例.docx
12-29
JavaScript实现返回顶部按钮案例 　　本文实例为大家分享了JavaScript实现返回顶部按钮的具体代码，供大家参考，具体内容如下　　思路：　　首先先设计出其静态样式，这里主要利用固定定位，将其固定在页面底部的某一位置处　　.backtotop {　　    position: fixed;　　    bottom: 80px;　　    right: 80px;　　    width: 80px;　　    height: 80px;　　    background-color: #ccc;　　    font-size: 20px;　　    text-align: center;
Javascript实现返回上一页面并刷新的小例子
12-03
今天写了一个小小的提示成功的页面，同时要求返回上一页面，并实现对上一页面的操作进行刷新（例如删除的，添加的），在网上搜寻了一遍，基本上90%的都是说的是用window.history.go(-1), 或者是用 window.history.back(-1), 还有的说子页面刷新父页面用 代码如下:[removed]     self.opener.location.reload(); [removed] 经过在JSP页面的测试，在操作页面选中添加的项经过点击按钮保存再跳转到成功提示页面返回后发现都没有刷新，手动刷新后才显示出来，对于那些粘贴复制技术不经过
利用JS设置返回按钮
Antg的博客
01-15 1221
利用js设置返回按钮 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function back(){ window.history.back()//返回上一个页面 } </script> </head> <body> <...
JavaScript history对象（back()、forward()、go()）
weixin_46990454的博客
12-15 4220
history对象保存了当前浏览器窗口中打开页面的一个历史记录列表，使用history对象可以将当前浏览器
js实现对Android设备物理返回键单击／双击事件处理（Framework7框架）
xiaoxiaoluckylucky的博客
02-26 1735
版权声明：本文为博主原创文章，未经博主允许不得转载。 http://blog.csdn.net/xiaoxiaoluckylucky/article/details/79374108单击事件：[javascript] view plain copy//设备返回键  document.addEventListener(“backbutton”, onBackKeyDown, false);  [ja...
使用javascript重定向后让back按钮有效的方法
jelly1102的专栏
03-31 953
常见的客户端javascript的重定向方法有这么几种location.replace(url);location.href = url;location = url;等等这些方法都是一个问题，在当前页面被替换之后，history对象里当前页面也会被抹掉，因此浏览器back按钮将会导航至非预期的目的地。history.back()方法（或history.go(-1)方法）一样也会失去作用。因此
javascript怎么禁用浏览器后退按钮
01-19
[removed] 利用JS产生一个“前进”的动作，以抵消后退功能，这种方法应该是最简洁的，并且不需要考虑用户连点两次或多次“后退”的情况，缺点是当用户端禁用了JavaScript之后即失效。 2、 代码如下: <A> Logout ...
javascript back replace 浏览器 返回按钮 历史记录
weixin_33834137的博客
05-07 340
2019独角兽企业重金招聘Python工程师标准>>> ...
Jquery 禁用浏览器的 后退和前进按钮
aoshuaihuang9603的博客
09-20 782
使用js,Jquery 禁用浏览器的back 和 next 按钮： 有时为了防治用户乱了访问顺序，不得不禁掉浏览器的前进后退按钮。 jQuery(document).ready(function () { if (window.history && window.history.pushState) { ...
js实现浏览器中的前进、后退按钮
zag666的博客
10-15 1万+
JavaScript中window.history 对象包含浏览器历史，history.back()等同于在浏览器点击后退按钮 ，history.forward() 等同于在浏览器中点击前进按钮。 history.back() 方法 加载历史列表中前一个 URL，相当于在浏览器中点击后退按钮。 在页面中创建后退按钮： <html> <head> <script>...
解决Cordova多页面注册backbutton事件，一个页面响应过事件以后，其他页面不响应的问题
已注销
12-04 5738
cordova backbutton
javaScript——函数
back_glim的博客
03-22 353
函数的概念 对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面我每次使用这个盒子的时候, 就是在使用这个盒子里面的代码 函数和和变量 变量是准备了一个盒子, 存储一个值 函数是准备了一个盒子, 存储一段 JS 代码 函数的特点 使代码更加简洁 重复使用 调用时机 函数的创建 两种方式 1. 声明式函数 2. 赋值式函数 声明完毕的函数时不会执行的 只是做了一个函数放在内存中...
html5plus监听返回backbutton按钮事件并判断程序是否退出
qq506930427的博客
12-10 6893
function plusReady() { // Android处理返回键 window.IsSureQuit = false plus.key.addEventListener('backbutton', function () { /** * 有可后退的历史记录，则后退。 * 否则，关闭当前窗口。 ...
JS监听手机端浏览器的后退按钮的事件方法
热门推荐
zhengyang7754的专栏
03-17 5万+
转载地址：http://www.jb51.net/article/89921.htm 首先我们要了解浏览器的history。 大家知道在页面中我们可以使用javascript window history，后退到前面页面，但是由于安全原因javascript不允许修改history里已有的url链接，但可以使用pushState方法往history里增加url链接，并且提供popsta
android返回键js方法,js实现对Android设备物理返回键单击／双击事件处理（Framework7框架）...
weixin_39853155的博客
05-26 745
单击事件：//设备返回键document.addEventListener(“backbutton”, onBackKeyDown, false);function onBackKeyDown() {// 获取当前viewvar currentView=myApp.getCurrentView();if(currentView.history.length>1){currentView.ro...
JavaScript实现返回首页、后退和前进按钮功能
最新发布
06-08
可以使用history.back和history.forward方法来实现后退和前进按钮功能。示例代码如下： ``` // 后退一页 function goBack() { history.back(); } // 前进一页 function goForward() { history.forward(); } ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值