window.location.href无效/不跳转的原因分析
1.源代码:
- <a href="javascript:void(0);" onclick="modify();">修改</a>
- <script>
- function modify(){
- window.location.href = window.location.href;
- }
- </script>
- <input id="modify;">修改</input>
- <script>
- $("#modify").click(
- function modify(){
- window.location.href = "http://www.accpweb.com"
- });
- </script>
分析
以下条件满足则会出现此问题
发生了事件的冒泡。
解决方法
分析出原因,解决方法就很简单。在onclick事件中加return false来阻止冒泡:
- <a href="javascript:void(0);" onclick="modify();return false;">修改</a>
- //或
- <a href="javascript:modify();">修改</a>
同理IE6下onclick事件失效可以尝试加return false来解决问题