转载: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)

 
posted @ 2022-02-16 14:27  ナナチ  阅读(3312)  评论(0编辑  收藏  举报