javascript 中设置window.location.href跳转无效问题解决办法
问题情况
JS中设置window.location.href跳转无效
代码如下:
<script type="text/javascript"> function checkUser() { if(2!=1){ window.location.href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ; } } </script> <div class="extra"> <a class="ui blue right floated primary button" onclick="checkUser()" href="bookConfirm" rel="external nofollow" rel="external nofollow" >确认预订</a> </div>
原因是 a标签的href跳转会执行在window.location.href设置的跳转之前:
如果是表单form的话 也会先执行form提交。
提交之后 就已经不在当前页面了。所以 window.location.href无效。
解决方法一
在js函数中加上
window.event.returnValue=false
这个属性放到提交表单中的onclick事件中在这次点击事件不会提交表单,如果放到超链接中则在这次点击事件不执行超链接href属性。
改成如下代码后window.location.href成功跳转:
<script type="text/javascript"> function checkUser() { if(2!=1){ window.location.href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ; window.event.returnValue=false; } } </script> <div class="extra"> <a class="ui blue right floated primary button" onclick="checkUser()" href="bookConfirm" rel="external nofollow" rel="external nofollow" >确认预订</a> </div>
解决方法二
点击事件中 onclick="checkUser()" 变成 onclick="return checkUser();"
并且在 checkUser中 return false;这样的话 a标签的href也不会执行。 这样就能window.location.href顺利跳转。
代码如下:
<script type="text/javascript"> function checkUser() { if(<%=flag%>!=1){ window.location.href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ; return false; } } </script> <div class="extra"> <a class="ui blue right floated primary button" onclick="return checkUser();" href="bookConfirm">确认预订</a> </div>
解决方法三
如果是form体提交的话还可以把summit改成button调用js提交,这样window.location.href也会在js提交summit之前执行成功跳转。
如下:
function checkUser() { if(<%=flag%>!=1){ window.location.href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ; return false; } document.getElementById("form").submit(); } <form action="addRoom" method="post" name="from" id="form"> <table align="center" border="1" class="commTable"> <tr> <td class="right"><span style="font-weight: blod;">房号:</span></td> <td><input type="text" name="roomNum" size="25" id="roomNum" /></td> </tr> <tr> <td colspan="2" align="center"><button value="添加" onclick="checkUser()" /></td> </tr> </table> </form>
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
- 韩红2005-精选[首版][WAV+CUE]
- 张敬轩.2004-A.M/P.M【几何文化】【WAV+CUE】
- 范文芳1999-真心话电影原声带[HYPE][WAV+CUE]
- 袁培华.1990-我写不出一首情歌给我最爱的你【可登】【WAV+CUE】
- 群星.2007-歌林10年流行岁月12CD【歌林】【WAV+CUE】
- 软硬天师.2006-LONG.TIME.NO.SEE【金牌大风】【WAV+CUE】
- 卓依娜姆《美人谋 网剧影视原声带》[FLAC/分轨][162.27MB]
- 国风大师纯音系列《蒋倩 :古筝演奏家》1CD[MP3][160.7MB]
- 国风大师纯音系列《王中山古筝》1CD[MP3][519MB]
- 徐玮1986-走自己的路[台湾复刻版][WAV+CUE]
- 黄思婷2004-情缘[豪记唱片][WAV+CUE]
- 群星《左耳·听见爱情》星文唱片[WAV+CUE]
- 陈美玲.1987-孤单的心【EMI百代】【WAV+CUE】
- 黄乙玲.2005-甲你作伴【亚律音乐】【WAV+CUE】
- 张雨生.1997-口是心非【丰华】【WAV+CUE】