Js跳转

 

近日接一个bug，在display:column里有一列是操作，如果状态是使用中，则为“禁用”；如果是禁用，则为“生效”。

<hypls:link pid="bd_custtomer_approval" οnclick="popUpReason('${customers.id}');" href="javascript:;">
                <bean:message key='common.button.disable'/>
            </hypls:link>
            </c:if>
            <c:if test="${disableStatus eq customers.status}">
            <hypls:link pid="bd_custtomer_approval" οnclick="doValidate('${customers.id}');" href="javascript:;">
                <bean:message key='common.button.validate'/>
            </hypls:link>

在popUpReason()中会弹出一个新的window,供输入禁用原因，如果执行form.submit();

在doValidate()中则是直接执行form.submit()；

以上两个方法进的是一个Action,提交的内容只是具体数据不同，执行流程不同，最后返回是：

return new ActionForward("/CustomerlistPageView.do?_Search_Type=onlyList", true);

但是在禁用时能够跳到action里的那个actionForward，页面能够刷新，在生效时则不会跳到那个actionForward。

 

查阅了一些资料，总结如下：

 

如果是个# ，就会出现跳到顶部的情况,:个人收藏的几种方法：
1：<a href="####"></a>
2：<a href="javascript:void(0)"></a>
3：<a href="javascript:void(null)"></a>
4：<a href="#" οnclick="return false"></a>
5：<span style="cursor:hand"></span>

 

方法2和3有可能导致页面中的GIF动画停止播放，推荐使用方法4；

"javascript:void(0)"与javascript:;都没有返回任何值，都会让页面停止；

 

解析为：在禁用时href="javascript:;"其实页面也会停止，但是由于其弹出了一个新的window，在此子window中，页面并未停止，所以能够跳转。在生效时，页面已经停止，不会跳转。

 

注：在firefox中能够支持，两种动作都能够刷新页面；ie中不支持。