window.loaction.href 不自动跳转的问题

window.location.href无效/不跳转的原因分析

 

1.源代码：

1. <a href="javascript:void(0);" onclick="modify();">修改</a>
2. <script>
3. function modify(){
4. window.location.href = window.location.href;
5. }
6. </script>

1. <input  id="modify;">修改</input>
2. <script>
3. $("#modify").click(
4. function modify(){
5. window.location.href = "http://www.accpweb.com"
6. });
7. </script>

分析

以下条件满足则会出现此问题

发生了事件的冒泡。

解决方法

分析出原因，解决方法就很简单。在onclick事件中加return false来阻止冒泡：

1. <a href="javascript:void(0);" onclick="modify();return false;">修改</a>
2. //或
3. <a href="javascript:modify();">修改</a>

同理IE6下onclick事件失效可以尝试加return false来解决问题