如何啓用和使用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。