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下面运行,并且总体页面显示正常,正是我们所要的结果。这就是没有利用连接标签自己本身的默认跳转,而是使用样式来改变他的展现情况,然后在点击的时候通过函数指向他的跳转,就没有问题了。