转载：window.location.href失效无法跳转的问题

有时候在使用window.location.href进行页面跳转时，会发现怎么设置都停留在当前页面，无法跳转到别的页面，一般的原因有两种:

第一种：

在form表单中，使用button标签没有设置type=”button”,所以button点击的时候会默认触发提交form表单事件，所以window.location.href永远都无法生效，只要给button标签加上type=”button”属性就可以正常跳转了；

<form action="">
   <button>跳转</button>
</form>

第二种：

使用<a></a>标签作点击事件，window.location.href无效，原因是<a></a>标签点击的时候触发了href属性的加载，所以又跳转回来原来的页面了，所以window.location.href="xxx"，不生效;

解决办法就是将<a></a>标签的href属性设置成javascript:void(0)，即<a href="javascript:void(0)"></a>，这样就可以使window.location.href生效；

最后，如果确实不知道是什么问题，还可以用window.open(url)进行打开新页面进行救急使用

 

转载自：window.location.href失效无法跳转的问题 (seozhijia.net)