带有默认页面的JS后退按钮

Posted

技术标签:

【中文标题】带有默认页面的JS后退按钮【英文标题】:JS back button with default page 【发布时间】:2014-11-13 04:40:46 【问题描述】:

您好,我想知道是否有办法为window.history.go(-1) 提供默认后页?如果您直接从另一个站点输入一个页面并且有人单击后退按钮,我不想将他们引导回引用站点,我宁愿将他们重定向回我的应用程序中的搜索页面。我注意到在某些网站上,他们以某种方式阅读了上一届会议,这是一个选择还是没有?谢谢

【问题讨论】:

您不能只使用指向您网站上预定页面的链接吗?我可能会尝试类似<a href="mysearchpage.html">Back</a> 我使用history.js 做了类似的事情github.com/browserstate/history.js 【参考方案1】:

可以试试这样的:

<a href="www.google.com" onclick="window.history.go(-1); return false;"> Back </a>

【讨论】:

return false 有什么作用?我的代码中有这个,它没有返回到我的页面。一旦我删除它,一切似乎都运行良好。 它将阻止默认。 您是说它不会重定向回引荐网站吗? 奇怪的是 return false 实际上会导致它返回上一个网站并忽略 href 页面链接。如果我删除 return false 它可以正常工作嗯。 我很困惑,你说使用 false 应该可以防止重定向回以前的网站,但这似乎无法正常工作。 False 实际上会导致它在没有历史记录时重定向回之前的网站。你能澄清一下吗?我不希望未来的读者被错过通知。非常感谢。【参考方案2】:

我认为您可能对窗口 onbeforeunload 事件感兴趣。

看看这个帖子:using onbeforeunload event, url change on selecting stay on this page

【讨论】:

小心使用 window onbeforeunload 事件,因为大多数移动浏览器不支持该事件。而是使用历史 API。 this 会有所帮助。

以上是关于带有默认页面的JS后退按钮的主要内容,如果未能解决你的问题,请参考以下文章

点击后退按钮时如何将 <select> 元素更改回默认值?

后退按钮(浏览器行为)

防止鼠标后退/前进按钮[重复]

jquery mobile+html5 写的页面 如何禁用手机后退按钮。或者说如何禁用页面后退。

覆盖ios后退按钮

删除某些页面上的默认后退箭头