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

最新推荐文章于 2023-02-02 11:52:24 发布
最新推荐文章于 2023-02-02 11:52:24 发布
阅读量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
关注
专栏目录
JS window对象 返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back();...
weixin_30216561的博客
06-16 667
返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back(); 比如，返回前一个浏览的页面，代码如下： window.history.back(); 注意：等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.h...
history.back(-1)和history.go(-1)的区别
压力是什么？
07-23 3005
history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 history.back(0) 刷新 history.back(1) 前进 history.back(-1) 后退
利用JS设置返回按钮
Antg的博客
01-15 1298
利用js设置返回按钮 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function back(){ window.history.back()//返回上一个页面 } </script> </head> <body> <...
js屏蔽backspace键/点击浏览器后退按钮提示
aphy358的博客
01-28 880
//屏蔽系统里的backspace键 $(document).on("keydown", function () { if (event.keyCode == 8) { if (document.activeElement.type == "text") { if (document.activeElement.readOnly == false)
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 任务，工作
html计算器的基本功能实现,javascript实现简易计算器功能
weixin_29550949的博客
06-09 1150
本文实例为大家分享了javascript实现简易计算器的具体代码，供大家参考，具体内容如下功能：1、实现单击数字按钮输入数字2、实现基础四则运算功能，并添加必要的异常处理，例如：除数不能为零3、实现小数点添加功能，并添加异常处理，小数点只能出现一次4、实现正负号功能5、实现回退功能，已经是最后一位时，显示框显示为零6、清屏功能使用的知识点：1、利用大量的自定义函数实现业务逻辑2、灵活运用事件及事件...
JavaScript不刷新实现浏览器的前进后退功能
10-25
本文主要介绍了如何使用JavaScript技术在不刷新页面的情况下实现浏览器的前进后退功能，特别涵盖了HTML5的解决方案以及针对老旧浏览器的兼容性写法。在进行Web开发时，能够实现无刷新的页面浏览能够极大地提升用户...
javascript实现按钮复制功能
最新发布
CPUyi的博客
02-02 238
javascript实现按钮复制功能
【JavaScript源代码】JavaScript实现返回顶部按钮案例.docx
12-29
JavaScript 实现返回顶部按钮是一种常见的网页交互功能，它允许用户快速返回页面的顶部，提高用户体验。下面我们将详细探讨如何使用JavaScript来实现这个功能。 首先，我们需要创建返回顶部按钮的HTML结构，通常是...
js实现对Android设备物理返回键单击／双击事件处理（Framework7框架）
xiaoxiaoluckylucky的博客
02-26 1785
版权声明：本文为博主原创文章，未经博主允许不得转载。 http://blog.csdn.net/xiaoxiaoluckylucky/article/details/79374108单击事件：[javascript] view plain copy//设备返回键  document.addEventListener(“backbutton”, onBackKeyDown, false);  [ja...
JavaScript history对象（back()、forward()、go()）
weixin_46990454的博客
12-15 5128
history对象保存了当前浏览器窗口中打开页面的一个历史记录列表，使用history对象可以将当前浏览器
JS里的函数的call()与back()方法
weixin_30652879的博客
04-25 163
function cat(){} cat.prototype={ food:"fish", say: function(){ alert("I love "+this.food)} var blackCat = new cat; blackCat.say() 　　 现在有WhiteCat={food:'rice'},就有了我们不想对它重新定义say方法，那...
js中callback回调
qq_38567182的博客
01-20 259
回调：一个函数的回头调用过程。(回调，就是回头调用的意思。函数A的事先干完，回头再调用函数B) A函数有一个参数，这个参数是个函数B，当函数A执行完以后执行函数B。那么这个过程就叫回调；实际上平没有直接调用B函数，而是根据形参来指定调用B函数。 [函数B是你以参数形式传给函数A的，那么函数B就叫回调函数。] function A(B){ // A方法形参B }; function B(){ // B就叫回调函数 }; A(B); <script type="text/javascript"&gt
使用javascript重定向后让back按钮有效的方法
jelly1102的专栏
03-31 982
常见的客户端javascript的重定向方法有这么几种location.replace(url);location.href = url;location = url;等等这些方法都是一个问题，在当前页面被替换之后，history对象里当前页面也会被抹掉，因此浏览器back按钮将会导航至非预期的目的地。history.back()方法（或history.go(-1)方法）一样也会失去作用。因此
Javascript的history对象的back的使用
rotating_windmill
10-27 943
html: 单击 js: 返回
【JavaScript源代码】JavaScript实现返回顶部按钮.docx
12-29
### JavaScript 实现返回顶部按钮知识点解析 #### 一、背景介绍 在现代Web开发中，随着网站内容的丰富，页面往往变得越来越长。为了提供更好的用户体验，很多网站都会添加一个“返回顶部”的功能，使用户可以快速...
javascript
奔跑的小熊猫博客
09-10 382
JavaScript笔记 一、[js基础] 1、javaScript 简介 ​ JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有...
plus监听backbutton
weixin_42231190的博客
03-25 1021
<script> var plusReady = function(callback) { if (window.plus) { callback(); } else { document.addEventListener('plusready', callback); } }; plusReady(function() { var firstBack...
js jq移动端的返回 后退按钮 触发的事件
zhangzuruiqqq的博客
11-30 769
// 后退js document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventListener('backbutton', function() { webview.canBack(function(e) { if(e.canBack) { we.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值