js实现返回按钮3种方式

最新推荐文章于 2025-04-29 08:30:00 发布

凌晨之星

最新推荐文章于 2025-04-29 08:30:00 发布

阅读量8.4k

点赞数 1

本文链接：https://blog.youkuaiyun.com/qq_43910202/article/details/106466429

版权

1.document.referrer来访页面的url

          <button type="button" class="layui-btn right" style="margin-right: 25px;" onclick="javascript:window.location.href=document.referrer;" >
                            <img width="26" height="25" th:src="@{/images/icon_fanhui.png}" alt="">返回</button>

2.返回历史记录的页面（有时点击搜索之后，这个方法不管用）

window.location.href="javascript:history.go(-1)";

3.跳转到上一个页面的路径，或者是这是页面跳转。

onclick="javascript:window.location.href='/admin/studentPaper'"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凌晨之星

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

javascript 浏览器返回按钮事件

12-16

2017-12-16 javascript 浏览器返回按钮事件可弹出文本框，跳转链接（兼容没有测试）

javascript中返回顶部按钮的实现

12-10

炫酷的返回顶部功能 js核心代码 [removed] = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; var top_div = document.getElementById( "go" ); if( t >= 300 ) { top_div.style.display = "block"; } else { top_div.style.display = "none"; } } var ptt=20; function

参与评论您还未登录，请先登录后发表或查看评论

js 返回

benbenchong_ok的专栏

07-16

375

js怎么控制浏览器前进、后退、页面跳转

最新发布

2503_91259466的博客

04-29

711

document.body.innerHTML = `<h1>用户 ${event.state.userId} 的主页</h1>`;document.body.innerHTML = `<h1>用户 ${state.userId} 的主页</h1>`;// 跳转到指定URL（会在浏览器历史记录中添加新条目）// 跳转到指定URL（不会添加历史记录，无法后退）// 监听前进/后退（配合pushState使用）// 后退一步（等同浏览器后退按钮）// 添加历史记录（不触发页面跳转）

关于js返回按钮的问题

u010865136的专栏

11-05

591

碰到一个问题：点击返回按钮，没有效果；使用的是history.back(-1); 最后发现：跳转过去的方法是window.open(); 所以跳转过去的方法是：window.open(); 返回按钮可以使用history.back(-1);返回无效；跳转过去的方法是：href() 返回按钮可以使用history.back(-1);返回；

返回顶部按钮及js代码实现

jiao512的专栏

08-09

795

<a href="javascript:;" class="backtotop" id="backtotop"> 返回<br>顶部 </a> <script src="js/backtotop.js"></script> // backtotop.js (function() { var backtotop = document.getElementB

JavaScript阻止浏览器返回按钮的方法

10-24

实际上，浏览器的历史记录并没有被真正地修改，当用户尝试点击返回按钮时，页面上的JavaScript代码会立即重新将用户带到前一个页面，因此这种阻止方式更多是通过强制用户前进的方式来间接实现。而一旦用户刷新了页面...

基于Javascript实现返回顶部按钮

10-22

标题中的“基于Javascript实现返回顶部按钮”是指使用JavaScript编程语言来创建一个功能，当用户浏览网页至页面底部时，提供一个便捷的按钮让用户快速回到页面的顶部。这种功能对于长内容页面尤其有用，因为它提高了...

纯js实现悬浮按钮组件

10-20

《纯JavaScript实现悬浮按钮组件详解》在网页设计中，悬浮按钮（Floating Action Button, FAB）是一种常见的交互元素，通常用于提供主要的操作或者导航功能。本文将深入讲解如何使用纯JavaScript来创建一个灵活、...

JavaScript的返回值

黑马程序员官方博客

06-06

8576

一、return语句有的时候，我们会希望函数将值返回给调用者，此时通过使用 return 语句就可以实现。return 语句的语法格式如下：在使用 return 语句时，函数会停止执行，并返回指定的值如果函数没有 return ，返回的值是 undefined 有的时候，我们会希望函数将值返回给调用者，此时通过使用 return 语句就可以实现。例如，声明了一个sum()函数，该函数的返回值为666，其代码如下：案例 1：利用函数求任意两个数的最大值案例 2：利用函数求

JS返回上一页-通过图片和按钮分别实现

jbxue123的专栏

08-17

1129

返回上一页的方法有很多，本代码通过图片和按钮分别实现，感兴趣的朋友可以参考下，希望对大家有所帮助 1. 向上一页 2. 返回上一页 3. 用按钮实现： 4. 用图片实现：

js返回所有方法

03-14

js返回所有方法

js监控返回按钮

weixin_43978427的博客

11-26

450

history.pushState(null, null, document.URL); window.addEventListener('popstate',function(e) { console.log(e); window.location.href = ''; }, false);

JS禁止浏览器后退键

梦开始的地方

12-01

146

背景说明：今天项目测试中，同事发现一个Bug，当键盘敲下后退键（Backspace）后，浏览器自动后退，不符合需求，故建议禁止浏览器后退键。提出需求：当键盘敲下后退键（Backspace）后 1、禁止浏览器自动后退 2、但不影响密码、单行文本、多行文本输入框等的回退操作解决方案：网上搜了一下，发现有不少解决方案，相比较之下，zywang的方案较佳，（原文见...

JavaScript--函数的返回值

weixin_68211919的博客

08-07

191

函数调用定会生成一个结果，但生成的结果可以使用，也可以不使用函数的返回值有三种（1）没有执行return（2）执行了return但是只有return，后面没有表达式（3）执行return且后面有表达式（包括成员访问、各种运算、函数，数据类型等）。其中（1）（2）返回的结果都是undefined。（3）执行return后面有表达式（可以是函数，数组，运算表达式等）（2）返回return但后面没有表达式。

js返回上一页

小乐乐

02-03

153

1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a>...

利用JS设置返回按钮

Antg的博客

01-15

1325

利用js设置返回按钮 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function back(){ window.history.back()//返回上一个页面 } </script> </head> <body> <...

[JS]导航栏中Button返回按钮

Gamin

11-30

648

目录默认样式样式调整属性background 导航添加的返回按钮默认样式 var tempNav = document.createElement("div"); tempNav.style.backgroundColor = "#2049a7"; tempNav.style.width = "100%"; tempNav.style.height = "64px"; tempNav.style.position = "sticky"; tempNav.style.top = "0px