[英]How to Detect Back button click
我正在一个HTML网站上工作,我在index.html页面中有4个div。
之前单击用于展开它的div部分,另一部分的宽度变小。
然后客户端要求确保在我们点击任何div时更改了URL。
假设我们单击名为test
的div。 页面url应该成为/test.html,没有页面重新加载。 我已使用history API实现了此功能。
现在当我点击test
div并且url变成/test.html然后如果我点击一个链接,它会重定向到另一个页面。
在这个页面中,如果我点击浏览器后退按钮,那么它将我带到/test.html,它不存在,我们收到404错误。
我尝试创建一个名为test.html的重定向页面,该页面重定向回index.html页面,但是这样做会让我们眨眼。
我想问的是这个问题是否有解决方案?
如果在Web服务器上启用了mod_rewrite
,则可以将其设置为URL重写规则。
RewriteEngine On
RewriteRule ^test.html originalfile.html [NC]
当用户按下后退按钮并导航到test.html
时,这会将test.html
重定向到原始的html文件,而浏览器地址栏仍显示test.html
。 从这里,您应该能够在javascript中检测地址并显示相应的div
。
(请注意,您可能需要根据服务器的配置方式修改上述重写规则。有关创建重写规则的更多信息, 请参阅此链接 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.