【问题标题】:JavaScript Back Button FailureJavaScript后退按钮失败
【发布时间】:2010-07-09 19:21:22
【问题描述】:

所以我认为这个脚本非常简单:

<a id="BackButtonlnk" href="#" class="white" onClick="history.go(-1)"></a>

当我单击它时,它会短暂显示上一页,但看起来就像刷新一样 并且您永远不会停留在上一页。

【问题讨论】:

    标签: javascript dom button back


    【解决方案1】:

    尝试在您的 onclick 中添加“; return false”。

    我认为发生的事情是 onclick 触发(试图转到上一页),然后浏览器尝试转到“(当前页面)#”(注意“#”),并且基本上刷新了原始页面.因此,它似乎来回移动 - 因为它是。

    <a id="BackButtonlnk" href="#" class="white" onClick="history.go(-1); return false;"></a>
    

    【讨论】:

      【解决方案2】:

      尝试使用 href 代替 onclick 事件:

      <a id="BackButtonlnk" class="white" href="javascript:history.go(-1);">Go Back</a>
      

      【讨论】:

      • 这也是一个完美可行的解决方案。我只是希望给 href 一个好的 URL,以防用户关闭 JavaScript。
      • “#”真的被认为是一个好的 URL 吗?当然它不会使浏览器崩溃,但它并不是一个正常运行的页面。
      【解决方案3】:

      在 Javascript 中有多种形式。

      <a id="BackButtonlnk" class="white" href="javascript:history.back(-1);">Go Back</a>
      

      如果你想做你写的,推荐

      <a id="BackButtonlnk" class="white" href="javascript:history.go(-1);"></a>
      

      【讨论】:

      • 在所有浏览器中运行带有 'javascript:' 的 href。
      • PSI.: 如果您尝试使用 href='#'onclick 并运行函数。 但是在任何浏览器中可能无法运行推荐 'href="javascript:'.
      猜你喜欢
      • 2012-08-04
      • 2013-12-11
      • 1970-01-01
      • 1970-01-01
      • 2011-06-09
      • 1970-01-01
      • 1970-01-01
      • 2014-11-28
      • 1970-01-01
      相关资源
      最近更新 更多