js 回到上一个页面的位置

最新推荐文章于 2022-09-27 17:13:00 发布

原创最新推荐文章于 2022-09-27 17:13:00 发布 · 883 阅读

2 ·

CC 4.0 BY-SA版权

web篇专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现浏览器后退按钮功能的方法，通过调用history对象的go方法并传入参数-1来实现返回上一页的效果。

<header class="head">
<a onClick="javascript :history.go(-1);">
<img src="assets/img/weixin/back.png" class="back">
</a><b>商品详情</b>
</header>

就是一个js的问题

onClick="javascript :history.go(-1);"

实现的效果相当于浏览器的后退按钮，返回到上一个页面显示，从哪来回哪去

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阿皓1024

关注关注

1
点赞
踩
2

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS实现页面进入和返回定位到具体位置

01-19

其实浏览器也自带了返回的功能，也就是说，自带了返回定位的功能。正常的跳转，返回确实可以定位，但是有些特殊场景就不适用了。例如，某些元素是在某种情况下才加上的，又或者多级定位。目前，我知道的返回定位到具体位置有两种方法： ①利用id定位，在跳转的时候带上某个模块的id，返回的时候定位到该处。 ②利用距离顶部的距离，在跳转的时候带上当前位置滚动过的距离，返回的时候定位到该处。一般应用场景：定位到某一个模块的时候，有二级定位的时候利用方法①. 定位到具体位置的时候，定位到某一个模块的时候，利用方法②。有二级定位的时候具体实现方法： 1.常见的场景就是有一个tab模块，tab模块下面有相应的内

js实现刷新页面后回到记录时滚动条的位置【两种方案可选】

10-20

在现代网页设计中，实现页面刷新后滚动条能够回到之前的位置是一个用户体验优化的重要方面。本文主要探讨了在HTML页面中，如果存在一个具有滚动条的div元素，如何通过JavaScript记录并恢复滚动条位置。以下将详细...

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

js 点击返回上一页

kxukai的博客

01-17

284

$(function () { pushHistory(); window.addEventListener(“popstate”, function (e) { location.href = ‘myorder’; //代码跳转 replace }, false); function pushHistory() { var state = { ...

javascript:history 刷新、返回

lemon

07-02

679

JS 回退上一页面

天外来客的博客

12-17

2万+

转自:http://blog.youkuaiyun.com/fgdfgasd/article/details/6960892 链接式：<a href="JavaScript:history.go(-1)">返回上一步</a><a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>按钮式：<INPUT name="pclog" type="

JS中返回上一页的写法

zh_chong的博客

08-13

235

1，<a href="javascript :history.back(-1)">返回上一页</a> 2，<a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 3，<input type="button" onclick="javascript:h...

vue返回上一页面时回到原先滚动的位置的方法

10-17

本文就如何在使用Vue.js开发的应用中实现返回上一页面时回到之前滚动位置的方法进行了详细介绍。 Vue.js中，可以利用内置的组件来缓存动态组件的实例，从而避免组件重新渲染时重新加载数据、初始化。首先，在App....

js 返回上一页和刷新的代码

12-13

本文将详细介绍JavaScript中的各种方法来实现返回上一页、刷新页面以及相关的页面跳转技术。首先，我们来看如何实现“返回上一页”： 1. `history.go(-1)`：这个方法将浏览器的历史记录向后移动一步，相当于点击...

基于JS实现回到页面顶部的五种写法(从实现到增强)

12-28

该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置　[注意]关于锚点的详细信息移步至此 <body style=height:2000px;...

关于js返回上一页的实现方法

qq_35012721的博客

01-14

318

关于js返回上一页的实现方法返回上一页或返回上一页如果是用按钮做的话就是：用图片做的话就是： [color=#FF0000]几秒钟后[/color]自动返回上一页代码:（加入两个head间，3000表示3秒） ...

js中各种返回上一页的方法

奔跑的菜鸡

03-26

1367

返回上一页 window.history.go(-1);//返回上一页不刷新 window.history.back(); //返回上一页 window.location.href = document.referrer;//返回上一页并刷新，真正实现页面后退并刷新页面 history.go(1);//前进一页 history.forward(); //前进一页 history.length;/...

js实现页面跳转以及返回上一页

weixin_68250871的博客

09-27

879

js实现页面跳转以及返回上一页

回退页面

荒的博客

04-05

378

window.location.reload(); //刷新 window.history.go(0); //刷新 window.history.go(1); //前进 window.history.go(-1); //返回+刷新 window.history.forward(); //前进 window.histor...

js实现回到上一页的功能,介绍三种方法,其中一种在新开的页面中也适用

热门推荐

yun_master的博客

03-27

2万+

话不多说,看例子 1、history.go() 可以回到,前进任意一步的页面,回到上一页,如下所示 // 回到上一页 window.history.go(-1); // 回到下一页 window.history.go(1); // 回到任意一页 widnow.history.go(+前进几页) 2、history.back() // 回到上一页 history.back() 3、document.referer 以上两种方式,基本上大家都清楚,但是我们常常会遇到的一个场景,并不适用.比如当你的页面点

JS 获取上一层目录

weixin_30484247的博客

10-21

1229

派生到我的代码片 <script type="text/javascript"> //返回当前工作目录 function GetCurrDir(){ var pathName = window.location.pathname.substring(1); var DirNam...

01 关于js中不能通过返回上一级路径加载出来图片

dengzi0915的博客

08-28

250

图片的动态变化在进行用js来动态切换图片的时候，所带的自身的 . ./image/*.jpg 网页在解析的过程中实际上把他当成的点来处理，而不是返回上一层。 var datas = { "..image/01.jpg": ["..image/01.jpg", "张三", "170cm"], ...

js在新页面中返回到上一页浏览的历史位置

weixin_34344677的博客

02-08

606

在微信浏览器中浏览页面时，在当前页面中当我们将页面往下滚动到某一个位置时，可能我们就会点击某个链接而页面跳转到了另外一个页面，而当我们又返回到上一个页面时我们会发现那个页面还停留在我们之前浏览的位置，很方便我们接着往下浏览页面上其他的信息，这种效果大大提升了用户的体验度，提升了网站的逼格。今天，我就把实现这种效果的原理和代码分享给大家，方便大家的开发使用。原理 1、用户滚动页面时，记录滚动条距离...

js:返回到页面时滚动到上次浏览位置

chu782729918的博客

03-02

8874

js:返回到页面时滚动到上次浏览位置

实现页面快速回到顶部的JavaScript DEMO

根据提供的文件信息，我们可以看到这个文件的核心功能是实现一个“回到顶部”的功能，通常在网页设计中，这是一种提升用户体验的交互方式，允许用户通过一个按钮快速返回页面顶部。这个功能主要使用JavaScript（简称...