全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

javascript 中设置window.location.href跳转无效问题解决办法

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?userId=${account.id}&roomNum=${room.roomNum}&stime=${stime }&etime=${etime }" 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?userId=${account.id}&roomNum=${room.roomNum}&stime=${stime }&etime=${etime }" 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?userId=${account.id}&roomNum=${room.roomNum}&stime=${stime }&etime=${etime  
 
}">确认预订</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> 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# javascript  # window.location.href跳转无效  # JS  # 跳转无效  # JavaScript window.setTimeout() 的详细用法  # javascript window.confirm确认 取消对话框实现代码小结  # 解决javascript:window.close()在chrome  # Firefox下失效的问题  # javascript中的window.location.search方法简介  # js实现window.open不被拦截的解决方法汇总  # JavaScrip中window.dispatchEvent的原理和使用具体实例  # 跳转  # 表单  # 解决方法  # 超链接  # 还可以  # 就能  # 会在  # 希望能  # 事件中  # 谢谢大家  # 则在  # 在这次  # 解决办法  # 会先  # 这样的话  # div  # extra  # nofollow  # jsp  # rel 


相关文章: 如何在IIS服务器上快速部署高效网站?  大同网页,大同瑞慈医院官网?  南平网站制作公司,2025年南平市事业单位报名时间?  招商网站制作流程,网站招商广告语?  如何在Windows虚拟主机上快速搭建网站?  香港服务器租用每月最低只需15元?  成都响应式网站开发,dw怎么把手机适应页面变成网页?  制作企业网站建设方案,怎样建设一个公司网站?  网站制作软件免费下载安装,有哪些免费下载的软件网站?  如何零基础开发自助建站系统?完整教程解析  建站之星如何优化SEO以实现高效排名?  开心动漫网站制作软件下载,十分开心动画为何停播?  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  高配服务器限时抢购:企业级配置与回收服务一站式优惠方案  如何在IIS7上新建站点并设置安全权限?  免费网站制作appp,免费制作app哪个平台好?  建站之星展会模板:智能建站与自助搭建高效解决方案  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开?  制作网站的公司有哪些,做一个公司网站要多少钱?  宝塔面板创建网站无法访问?如何快速排查修复?  云南网站制作公司有哪些,云南最好的招聘网站是哪个?  如何设计高效校园网站?  上海网站制作开发公司,上海买房比较好的网站有哪些?  小说建站VPS选用指南:性能对比、配置优化与建站方案解析  如何通过免费商城建站系统源码自定义网站主题与功能?  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些?  微信小程序 五星评分(包括半颗星评分)实例代码  如何基于云服务器快速搭建个人网站?  北京专业网站制作设计师招聘,北京白云观官方网站?  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?  ,有什么在线背英语单词效率比较高的网站?  建站之星好吗?新手能否轻松上手建站?  制作旅游网站html,怎样注册旅游网站?  实例解析Array和String方法  香港网站服务器数量如何影响SEO优化效果?  焦点电影公司作品,电影焦点结局是什么?  建站org新手必看:2024最新搭建流程与模板选择技巧  最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  如何批量查询域名的建站时间记录?  定制建站方案优化指南:企业官网开发与建站费用解析  如何构建满足综合性能需求的优质建站方案?  免费视频制作网站,更新又快又好的免费电影网站?  制作网站的模板软件,网站怎么建设?  网站制作壁纸教程视频,电脑壁纸网站?  建站主机选购指南:核心配置与性价比推荐解析  打鱼网站制作软件,波克捕鱼官方号怎么注册?  建站之星在线版空间:自助建站+智能模板一键生成方案 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。