点击链接页面跳转后，返回不能停留在跳转之前的位置，而是跳转到页面最顶端

最新推荐文章于 2022-12-28 14:26:53 发布
最新推荐文章于 2022-12-28 14:26:53 发布
阅读量3.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jning1115/article/details/79484027
版权

异常原因 ：检查标签上的href是否写成#；原因是；在href后面带#导致页面无法准确定位，导致返回时页面直接跳转到顶端！！

在不同的浏览器中当一个标签中既有onclick事件还有href时，当点击标签对页面进行跳转的时候不同浏览器所执行的顺序也会有略微的不同；IE6:href先触发 onclick 后触发，其他浏览器 onclick先触发href后触发


处理：将href写成"JavaScript:;"；



老枪92
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何处理多页面重定向到同一页面后的返回问题
十二随风
12-27 2419
在开发一些复杂的程序时经常后遇到多个页面跳转到同一页面,然后在返回.如果没有一个有效的处理方法,看似简单的问题也将会变得十分复杂.那么如果巧妙地实现页面返回功能呢?    1.在客户端实现    可以为控件添加客户端的onclick事件,当控件触发单击事件后在客户端执行页面返回功能.    (1) 使用HTML控件时,可以在页面HTML代码中为控件添加"onclick="history.go(-1
js中div显示和隐藏钮为什么页面总是跳一下到最上面
weixin_34379433的博客
12-02 115
<div class="menu_left"> <ul > <li id="t1" style="background-image:url(images/t2.gif);" > <a href="#" id="first" onclick="infoList('first');" >中心动态</a><...
解决vue页面跳转后返回原页面顶部位置
艾丽的博客
05-14 1878
要解决问题如下图所示: 解决思路： 当前页面加载完之后（mounted），添加对滚动（scroll）事件的监听； 编写获取当前页面滚动高度的方法，并且将获取的当前页面滚动高度进行本地存储（localStorage）； 当切换不同子菜单项时候，获取本地存储里面存储的当前页面滚动高度，并且让其滚动到当前位置； 当前页面销毁时（destroyed），移除对滚动事件的监听，并且清空本地存储。 具体解决代码如下： mounted() { window.addEventListener('scroll', thi
HTML中点击超链接 会跳至页面顶部的解决方法
no_head_no_hand的博客
01-06 3311
有时候我们点击超链接不需要跳转至其他页面，只需要改变页面中的某些元素的时候，我们不希望页面跳转至顶部。比如：点击 换张图 切换验证码的时候 这个时候有两种解决方式： 第一种： <a href="#" >换张图</a> <!--会跳转至页面的顶部--> 我们将其改为 <a href="##" >换张图</a> <!--保持当前页面不动--> 第二种： ...
解决vue路由跳转的页面不在顶部的问题。
Pumpkin_xiaoXuan的博客
06-08 273
scrollBehavior(to,from,savedPosition){//解决vue页面之间跳转，页面不是在顶部的问题 return{x:0,y:0} }
vue页面跳转后返回原页面初始位置方法
08-28
Vue 页面跳转后返回原页面初始位置方法 在 Vue 项目中，页面跳转后返回原页面初始位置是一个常见的问题。今天，我们将分享一个解决这个问题的方法，这个方法使用 Vuex 状态管理器来记录页面的滚动位置。 首先，...
js点击返回跳转到指定页面实现过程
10-22
主要介绍了js点击返回跳转到指定页面实现过程,需要的朋友可以参考下
点击按钮或链接不跳转只刷新页面的脚本整理
09-04
在网页设计和开发中，有时我们需要实现一个功能，即用户点击按钮或链接后，页面不进行跳转而是仅刷新当前页面。这种需求可能出现在需要更新数据、重新加载动态内容或者确保用户始终留在同一页面的场景。以下是一些...
vue实现登录后页面跳转到之前页面
01-19
在开发中我们经常遇到这样的需求，需要用户直接点击一个链接进入到一个页面，用户点击后链接后会触发401拦截返回登录界面，登录后又跳转到链接的页面而不是首页，这种问题该如何去做呢？ 先说一下我们需要用到的几个...
返回上一页时返回不到离开时的位置
xiao付fu的博客
02-22 1290
我遇到的是两种情况：一种是直接在DOM中显示的，一种是Ajax分页的一、第一种使用cookie的方式$(function () {var str = window.location.href;str = str.substring(str.lastIndexOf("/") + 1);if ($.cookie(str)) {$("html,body").animate({ scrollTop: $....
js实现页面自动跳转(不加重前页面，直接加载跳转页)
ERICZHOU2426的博客
10-25 634
很多时候我们需要Web页具备有自动跳转功能，例如，论坛中的用户登录、发帖及回复或留言簿中的留言和回复等操作成功后，若用户没有任何鼠标点击操作，过了一定的时间，页面自动跳转到预设的页面。本文讨论网页自动跳转的几种实现方法。 1.在 <head> </head> 标签里头添加: HTML 代码 复制 //(5:表示5秒钟刷新...
解决点击浏览器返回按钮回到上一页面，页面变为初始界面的问题（java+html）
树洪的博客
02-06 2万+
最近运营反馈一个项目的视频筛选功能存在一个问题，就是用户进入视频管理界面（姑且这么称呼吧），选择了筛选条件后，点击筛选结果中的某一个视频跳到播放页面，当用户点击浏览器/手机的返回按钮时，发现跳转回的页面并没有保留之前选定的筛选条件，而是显示了第一次进入该页面的样子，这样的用户体验并不好，需要优化下： 一开始，想到的是把每次请求视频列表的筛选条件都存到session中，然后当每次加载页面时，在
实现网页原路返回：从哪个页面跳转过来就返回哪个页面
竹林之风
01-08 1万+
一、需求 导航对于PC网站或WAP网站有着相当重要的作用，它有利于提升用户体验，不至于让用户迷路。而“返回”就是导航的功能之一，主要体现在WAP网页左上角的“返回”按钮或链接。这里“返回”是指原路返回，即从哪个页面跳转过来就返回哪个页面。或许你会想，浏览器不是有返回按钮吗？JS不是提供了history.go(-1)或history.back(-1)来实现这个功能吗？对于简单情况这...
html页面跳转及回退的几种方式
蒙双眼看世界
12-28 2109
回退用:window.history.back() 或者 window.history.go(-1)回退: window.open(“about:blank”, “_self”).close()3.如果是不同项目之间的跳转，则可以通过用链接后加#带参数的方式来记录返回指令。1.在页面里面跳转 比如有iframe 外壳 是在iframe 里面跳转。2.基于浏览器的跳转 有外壳 可以直接跳出来。
（微信公众号）页面重定向之后的回退问题
热门推荐
GreekMrzzJ的博客
09-07 3万+
简单介绍 window 的两个常用 api window.document.location.replace window.document.location.href 通常如果我们需要跳转页面，如果没有使用 vue-router 等路由的话，我们都会选择 location.href = xxx 直接对页面进行替换。对于pc端页面也不会有什么问题，除了登录页面的回退。 不可否认的是，很多...
解决使用window.open()或window.location.href跳转后返回/后退原页面不能再度跳转的问题
vvv3171071的博客
11-24 1万+
使用window.open()搭配参数_self(新页面替换当前页面)，或使用window.location.href跳转到新页面后，再点击后退到原页面，再重新进行跳转事件时，页面不仅没有进行跳转，且没有任何反应（控制台无错误信息）。 说得笼统一点，这是因为第一次跳转时window.open()或window.location.href已经记录过一个要跳转的值了，跳转或后退到原页面时，该值没有被清空，再次执行事件时自然会没有反应。 思路： 定义一个全局变量记录window.open()打开的窗体 如过该.
Vue2.5.x --- 点击路由跳转后刷新页面仍然停留在之前的路由页面解决方法
删库跑路
06-12 1万+
处理前的情况，页面刷新也会停留在之前跳转的路由页面： 处理后的情况，页面刷新后页面会跳转至默认页面（默认页面为热映）： 本文使用的是mint ui框架需要下载并引用才能与博文中样式一致 代码部分： &amp;lt;template&amp;gt; &amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;router-view/&amp;gt; &amp;l
HTML页面跳转后返回原页面,H5跳转链接之后，返回原界面
最新发布
05-24
2. 然后，在跳转链接的页面中，设置该链接的目标页面，并在链接的目标页面中添加一个返回按钮，按钮的点击事件中使用JavaScript代码实现返回到原页面的功能，代码如下： ```html 跳转链接 document....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值