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

时间:2023-03-08 17:30:23

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来解决问题