如何将后退按钮链接到用户所在的上一页?

时间:2014-03-27 15:46:27

标签: javascript html html5 button back

我正在制作一个婚礼网站,基本上该网站是一个针对触摸优化的大导航,有3个主要部分:婚礼,旅游和城镇。每个部分都有内部的子部分,婚礼有仪式和接待,旅游有飞行,转移和住宿,城镇有关于马尔切西内,要做的事情和天气。

现在,在这些页面的所有上也是指向RSVP页面的链接,并且还有一个家庭&后退按钮。在RSVP页面上,我需要使用后退按钮返回用户所在的任何页面,但我无法弄清楚如何将其链接到多个页面?我在这里和谷歌上看了但却找不到任何东西

这是我的RSVP页面标题部分的代码,涉及到家庭&后退按钮:

<header class="mainHeader">
<h1>RSVP</h1>
  <nav class="secondaryNav">
    <a href="town.htm"><img class="backButton" src="img/back2.png" alt="Back Button"></a>
    <a href="home.htm"><img class="homeButton" src="img/home.png" alt="Home Button"></a>
  </nav>
  <aside><p id="countdown"></p></aside>
</header>
<!-- end .mainHeader -->

后退按钮目前仅链接到城镇子区域。倒计时段落是倒数计时器。我是否正确地认为我需要使用某种形式的JavaScript?

2 个答案:

答案 0 :(得分:1)

history.go(-1);这样做,所以我想最简单的实现就是内联:

<img class="backButton" src="img/back2.png" alt="Back Button" onclick="history.go(-1);" />

虽然您可能想要删除该锚点,或者至少删除它的href属性。

有一种方法可以在href中执行此操作,但这不是最好的方法:

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

答案 1 :(得分:0)

如果你可以使用JavaScript,那么你可以:

<a href="javascript:history.back()">Back</a>