如何使用JavaScript启用和禁用后退按钮

Question

我正在使用VS 2010。

我使用两个链接在页面之间返回/转发。

代码：

<a href="#" onclick="history.go(-1);return false"><img src="Images/back.jpg" /></a>
<a href="#" onclick="history.go(1);return false"><img src="Images/forward1.jpg"/></a>

效果很好。现在我想根据浏览器历史记录启用和禁用链接。

如何使用JavaScript执行此操作？

Answer 1

由于锚点用于点击，因此也可以点击任何其他dom元素。因此，在不使用超链接的情况下实现此功能在视觉上更好。使用类似如下的代码：

<p id="back"><img src="back.jpg"></p> 
<p id="forward"><img src="forward.jpg"></p>

和事件如下：

$("#back").click(function(){
  if(!$(this).hasClass('disabled'))   history.go(-1);
  $(this).addClass('disabled');
  $("#forward").removeClass('disabled');
});

$("#forward").click(function(){
   if(!$(this).hasClass('disabled')) history.go(1);
  $(this).addClass('disabled');
  $("#back").removeClass('disabled');
});

.disabled的用户所需样式。