有时候在使用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)
进行打开新页面进行救急使用