首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何让历史的` `goBack()`方法忽略hash (#)?

历史的goBack()方法是浏览器提供的用于返回上一页的功能。默认情况下,它会考虑URL中的hash部分(即#后面的内容),并将其作为不同的历史记录条目。如果要让goBack()方法忽略hash部分,可以使用以下方法:

  1. 使用window.location.hash属性:在调用goBack()方法之前,可以通过设置window.location.hash为空字符串来清除当前URL中的hash部分。这样,goBack()方法将忽略hash部分并返回上一页。
代码语言:txt
复制
window.location.hash = '';
window.history.go(-1);
  1. 使用replaceState()方法:replaceState()方法可以修改当前的浏览器历史记录条目,包括URL和标题。通过使用replaceState()方法将当前URL的hash部分替换为空字符串,然后再调用goBack()方法,可以实现忽略hash部分的效果。
代码语言:txt
复制
window.history.replaceState(null, null, window.location.pathname);
window.history.go(-1);

这两种方法都可以让goBack()方法忽略hash部分,具体选择哪种方法取决于具体的需求和场景。

请注意,以上方法只是在客户端浏览器中操作浏览器历史记录,不涉及云计算相关的内容。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何让LINE自动翻译,有什么好的方法

LINE是一款在日本和中国台湾最常用的聊天软件是LINE,LINE在日本拥有约8,200万月活跃用户 ,中国台湾地区共约2300万人口,LINE的中国台湾分公司拥有2100万用户。...LINE是做东南亚跨境的电商贸易主要的沟通工具。那在 LINE 如何进行对话翻译就成为了一个难题跟着我来一一剖析有那些方法来实现一、使用内置翻译功能首先,务必确保你的 LINE 版本为最新版本。...点击聊天窗口中的消息并长按几秒钟,直至出现一个弹出窗口。在弹出窗口中,点击 “翻译” 选项。一旦开启了翻译功能,你便可以看到对方发送的消息已被翻译成你所使用的语言。...当然,需要注意的是,这个自动翻译功能并非完全精准,可能会出现一些小的语法错误或者词汇不准确的情况。...二、使用 Traneasy翻译 的 LINE翻译器 他能支持 群发 语音翻译 图片翻译倘若你期望获得更准确的对话翻译,也可以使用其他翻译工具,例如 Traneasy翻译 的 LINE翻译器。

51110
  • 【面试需要-Vue全家桶】一文带你看透Vue前端路由

    ;带有自动激活的CSS class的链接,HTML5历史模式或者是hash模式,在IE9中自动降级;自定义的滚动条行为。...面试官提问,你能说出路由的概念吗?能说明一下vue-router的基本使用步骤吗?或者让你说出vue-router的嵌套路由用法怎么用? 再次询问你vue-router如何实现动态路由匹配用法呢?...了解路由的属性配置说明,如何页面跳转,如何子路由-路由嵌套,路由的传递参数,命名路由,命名视图,重定向,别名,过渡动画,mode与404,路由的钩子,路由的懒加载。...注意,hash的变化会导致浏览器记录访问历史的变化,但是hash的变化不会触发新的url请求,在实现spa过程中,最核心的技术就是前端路由。...,可以方便的用于spa的应用程序开发 它的功能有: 支持HTML5历史模式,和hash模式;支持嵌套路由;支持路由参数,支持编程式路由,支持命名路由。

    2.5K20

    iOS监听H5页面goBack返回事件 & 网页监听APP返回键 (NavigationBackItemInjection)

    target 在WKWebView的WKNavigationDelegate代理方法中处理应用跳转 简单的处理WKWebView加载新页面 WKWebView显示JS弹框 WKWebView调用js方法.../details/114832679 I 、 iOS监听H5页面goBack返回事件 方式一:通过与JS的桥接,让h5主动通知你的 如果是采用通过与JS的桥接,让h5主动通知你的方案,请看这两篇文章 1...article/details/1081469552、https://kunnan.blog.csdn.net/article/details/114832679 方式二:注入和监听WebView相关的返回类型及方法...1、UIWebViewNavigationTypeBackForward 2、canGoBack:判断当前H5界面是否可以返回的方法 3、goBack: 返回上一个界面 4、goForward:可以向前导航到...URL:%@", _webView.backForwardList.forwardItem.URL);//列表中条目的标题及url } 7、goToBackForwardListItem:返回某个历史页面

    6.1K21

    讲讲如何让shell执行python命令的两种实用方法

    *来执行其他语言的命令,subprocesss是被推荐的方法; subprocess允许你能创建很多子进程,创建的时候能指定子进程和子进程的输入、输出、错误输出管道,执行后能获取输出结果和执行状态。...方法, 支持超时判断,支持读取stdout和stderr 参数: cwd: 运行命令时更改路径,如果被设定,子进程会直接先更改当前路径到cwd timeout: 超时时间,秒...subprocess.Popen(cmdstring_list, cwd=cwd, stdin=subprocess.PIPE,shell=shell,bufsize=4096) #subprocess.poll()方法...本文说明 在python中执行SHELL有时候也是很必须的,比如使用Python的线程机制启动不同的shell进程,目前subprocess是Python官方推荐的方法,其支持的功能也是最多的,推荐大家使用...希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以到菜鸟站长之家一起交流讨论技术教程和源码资源。

    89100

    WebKit 历史栈缓存策略探索

    历史栈缓存策略简述 WKWebView 可以通过goBack/goForward接口进行历史栈的切换,切换时有一套缓存策略,命中时能省去请求网络的时间。...如果前后两个页面是两个不同的 WebContent 进程,且没有重定向操作,调用goBack/goForward时也能平滑的切换,并且分别复用到各自 WebContent 进程的历史栈缓存。...看看更多的处理代码,发现若没有走到这个方法后面的逻辑让m_suspendedPageCount计数加一,commitProvisionalPage函数里面m_process->removeWebPage...如何理解client-side redirect?...另外注意的是,触发这种场景后,会让历史栈访问量增加,所以在服务访问量相关指标数据分析层面这是一个值得关注的重要变量。

    84120

    如何让ASP.NET Web API的Action方法在希望的Culture下执行

    我们分别在重写的OnActionExecuting和OnActionExecuted方法中利用上面定义的两个扩展方法对当前线程的UI Culture进行设置和恢复。...唯一的Action方法返回的字符串是从资源文件中提取的(类型Resources为资源文件自动生成的类型),而ActionFilterAttribute就应用在这个Get方法上。...Action方法的执行最终实现在HttpActionDescriptor的ExecuteAsync方法中,我们可以通过自定义的HttpActionDescriptor的方式在目标Action方法执行前后对当前线程的...在重写的ExecuteAsync方法中,我们调用基类的同名方法执行目标Action方法,并在这前后分别调用当前HttpRequestMessage的两个扩展方法设置和恢复当前线程的UI Culture。...在重写的ExecuteAsync方法中,我们调用基类同名方法前后对当前线程的UI Culture进行了设置和恢复。

    1.3K90

    06 . Vue路由简介,原理,实现及嵌套路由,动态路由,编程式导航

    SPA实现原理之一: 基于URL地址的hash(hash的变化会导致浏览器记录访问历史的变化,但是hash的变化不会触发新的URL请求) 在实现SPA的过程中,最核心技术点就是前端路由 */ 前端路由...前端路由是基于hash值的变化进行实现的(比如点击页面中的菜单或者按钮改变URL的hash值,根据hash值的变化来控制组件的切换) 核心实现依靠一个不同的用户事件,即监听hash值变化的事件,显示不同的页面内容...本质: 用户事件与事件处理函数之间的对应关系 ? 实现简易前端路由 基于URL的hash实现(点击菜单的时候改变URL的hash,根据hash的变化控制组件的切换) 模拟路由 的hash值,当hash值被改变时,就会触发onhashchange事件 在触发onhashchange事件的时候,我们根据hash值来让不同的组件进行显示: window.onhashchange...Vue Router依赖于Vue,所以需要先引入Vue,再引入Vue Router Vue Router特性 /* 支持H5历史模式或者hash模式 支持嵌套路由 支持路由参数

    1.9K50

    react+redux+webpack教程4

    browserHistory就是我们最熟悉的浏览器管理历史, 使用这种历史管理方式感觉上跟普通浏览网页的方式一样:url路径会随着跳转及前进、后退按钮而变化, 但是在react-router的browserHistory...这个history的方法和浏览器里的history所拥有的那几个方法功能差不多,常用的就是go(跳转)、goBack(回退一个历史)、goForword(前进一个历史)、push(跳转到一个url并添加一个历史状态...不过这个组件跟NewsOverview比较起来实在太像,就是新闻概述和详细内容的区别。 所以这里我偷个懒,让NewsOverview通过一个属性变身为可配置成新闻详情的组件。...,让组件将要加载时就去获取数据: componentWillMount(){ // 在react-router的帮助下,我们可以很轻松地拿到url路径上的参数id this.props.dispatch...(){ this.props.history.goBack() }}export default connect()(App); 上面代码的render方法里,除了放进去了Header,还要注意那个

    1.8K100

    【路由】:history——ReactRouter vs VueRouter

    浏览器历史管理(history),又是实现“无刷新修改、监听浏览器 URL 变化”技术的基础。 基于Hash、基于H5 History API、基于内存,又是“浏览器历史管理”课题中的三个技术流派。...这篇文章分析一下浏览器原生的历史管理、react-router 中的历史管理,以及vue-router 中的历史管理。给大家直观展示一下两大主流框架(React、Vue)在路由管理方面的异同。 2....重点看看 createHashHistory 是怎么阻止过渡的,很有意思 3.4.8. history.go、goBack、goForward 可以看出 history.go、history.goBack...hash(next)中的 hash 为准; 最后我们来看一下 _createRoute 的实现: 其中redirect,alias最终都会调用createRoute方法。...,就会执行到该方法,前一节我们分析了 matcher 的相关实现,知道它是如何找到匹配的新线路,那么匹配到新线路后又做了哪些事情,接下来我们来完整分析一下 transitionTo 的实现,它的定义在

    1.6K20

    React路由

    为了有效的使用单个页面来管理原来多页面的功能,前端路由应运而生 前端路由的功能:让用户从一个视图(页面)导航到另一个视图(页面),前端路由是一套映射规则,在Reat中是URL路径与组件的对应关系,使用...模式下#后边的路径不会发给服务器,不会被包括在 HTTP 请求中,对后端完全没有影响,因此改变 hash 不会重新加载页面,在处理相对路径方面的一些问题时,使用HashRouter可以解决。 ​...当路由规则(path)能够匹配地址栏中的pathname时,就展示渲染该 Route组件的内容 编程式导航 编程式导航:通过JS代码来实现页面跳转 history是 React路由提供的,用于获取浏览器历史记录的相关信息...path代表Route组件的path属性 pathname代表Link组件的to属性(也就是location.pathname) 精确匹配 给 Route组件添加exact属性,让其变为精确匹配模式...render() { console.log('detail:', this.props) // 接收state参数 // 如果清空history对象或者清除浏览器的历史记录

    2.6K10
    领券