2011-12-30 88 views
0

我使用VS 2010如何启用和使用JavaScript

我用两个环节去前进/后退页面之间禁用后退按钮。

代码:

<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做到这一点?

+0

可能重复的[在浏览器上禁用返回按钮](http://stackoverflow.com/questions/87422/disabling-back-button-on-the-browser) – adatapost 2011-12-30 04:57:04

+0

我相信人们不希望你玩弄他们的浏览器历史,特别是在幕后。 – Purag 2011-12-30 08:28:17

回答

0

由于锚点用于点击,任何其他的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

+0

OP没有对jQuery说什么,也没有用它来标记问题。 – Purag 2011-12-30 08:40:11

+0

@Purmou,对不起。然后,请通过此提供您的解决方案。 – 2011-12-30 08:42:43