javascript - history.back() - 如果不存在历史记录，如何设置默认值

Question

我试图对用户变得聪明和体贴，但我又一次遇到了“设计”问题。

我在一个网站上有很多页面，我选择删除默认导航并将其替换为简单的“后退”按钮。

后退按钮的功能如下:

href="javascript:history.back()"

我也“没有索引”这些页面，所以理论上一切都很好。

但是，我还有一个顾虑 - 它可能永远不会发生，但最好知道如何解决它。

假设用户将页面添加为书签。目前没有回头路，所以我想知道是否可以创建一个默认的 href="/" 但如果有历史记录则以某种方式覆盖它。事实上，如果我能够确定是否存在任何历史记录，修改 JavaScript 函数就足够了。

这可能吗？我不是 JS 大师，所以我可能会尝试实现一些无法实现的目标。

Answer 1

将 href 设置为特定的 URL，如果存在历史记录，则使用 javascript 覆盖此行为。

<a id="backbtn" href="/specific/url">Back</a>

document.getElementById("backbtn").addEventListener("click", function(){
    if (history.length){
        history.back();
        return false;
    }
});

http://jsfiddle.net/d1gz8ue9/8/

这样您的链接在没有 javascript 的情况下仍然有效，并且可以在新窗口中打开。