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

时间: 作者:admin 浏览:

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

微信公众号
微信公众号:
  • 前端全栈之路(微信群)
前端QQ交流群
前端QQ交流群:
  • 794324979
  • 734802480(已满)

更多文章

栏目文章


Copyright © 2014-2023 seozhijia.net 版权所有-粤ICP备13087626号-4