ie6下location.href不自动跳转的原因和相关解决办法

var a = new Element("A",{href:"javascript:void(0)"}).update("查看报表");
    Event.on(a,"click",function(){
      RAP.gotoPage("${ctxPath}/rpt/reportArchiveInstance.shtml?gotoPage=reportWriteOther";  

});

这段代码就是创建一个超链接对象，然后点击超链接调用js函数实现当前页面的跳转。在ie7以上版本以及火狐下面运行没有任何错误，可是在ie6下面运行怎么就是不跳转。

后来看了http://zmx.iteye.com/blog/474430这篇文章之后，发现void(0)在ie6下面不会跳转，于是将代码改成

var a = new Element("A",{href:"#"}).update("查看报表");
    Event.on(a,"click",function(){
      RAP.gotoPage("${ctxPath}/rpt/reportArchiveInstance.shtml?gotoPage=reportWriteOther";  

});

经过测试，程序确实可以在ie6,ie7,firefox下面运行，但是页面跳转的时候主页面猛的往上一窜，把布局框架中的头部给隐藏了。虽然实现了功能，可这并不是我们想要的效果，最后找了各种办法，将代码修改如下：

var a = new Element("A",{style:"{cursor:hand;color:#800080;}"}).update("查看报表");
    Event.on(a,"click",function(){
      RAP.gotoPage("${ctxPath}/rpt/reportArchiveInstance.shtml?gotoPage=reportWriteOther";  
});

经过测试，程序确实可以在ie6,ie7,firefox下面运行，并且总体页面显示正常，正是我们所要的结果。这就是没有利用连接标签自己本身的默认跳转，而是使用样式来改变他的展现情况，然后在点击的时候通过函数指向他的跳转，就没有问题了。