如何使用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用戶必需樣式。