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來解決問題