javascript - 如何使浏览器后退按钮跳过内页导航并返回上一页
问题描述
我们在 MVC Web 应用程序的某些页面上使用了多个选项卡,在浏览了几个选项卡然后单击后退按钮后,URL 会相应更改,但您必须单击所有这些选项卡,直到您到达上一页。
我想做的是,只要我单击浏览器的后退按钮,就返回上一页,所以基本上跳过所有包含“#”的 URL。例如,如果我page2#tab3
喜欢:
page1 -> page2#tab1 -> page2#tab2 -> page2#tab3
,我想page2#tab3 -> page1
在单击后退按钮时。
此外,我们已经有了自定义导航按钮,但我们也想实现它。
解决方案
您可以使用onhashchange
侦听器来满足您的自定义需求。请检查
https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onhashchange
您也可以根据需要修改 HistoryAPI。请查看 https://developer.mozilla.org/en-US/docs/Web/API/History
推荐阅读
- java - 如何进行分页请求 - Spring Boot
- jira - 使用 JQL 查找当月所有天的早上 6 点到下午 3 点之间在 jira 中创建的问题
- python - 如何使用python下载7z文件
- python - 尝试在 Python3 中的脚本中导入类时出错
- javascript - 在 javascript 的 if 中使用动态运算符
- jdbc - “NzSQLException:更新计数超过 Integer.MAX_VALUE”错误仅在 JDBC 连接上
- c# - ASP.Net Core MVC 缺少程序集参考
- cassandra - 为什么集群键在 cassandra 中被命名为“集群键”?
- c# - 使用 C# 的 SNI 证书支持
- php - yii2:为什么我的日历上传后变成了公历?