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,可以在新窗口中打开.