关于表单中写Submit控件与JavaScript写跳转语句的坑

关于表单中写Submit控件与JavaScript写跳转语句的坑


今天在做老师的项目时遇到一个坑,想给前端(前端的大体页面由外包公司写好)的一个按钮写个脚本实现页面跳转,代码如下

$("#btnDetail").click(function(){
var strFile="localhost:8080/SlnSUWF/CorePage/sbjksy.html";
var url='http://'+ strFile;
  location.href=url;
return false;
});

但问题在于,加了这段脚本后怎么也无法实现页面跳转。
看了几遍代码,这么简单的代码应该没啥问题,感觉可能是location.href失效的问题,通过百度解决方案,最后发现 return false有效,但感觉就这样子没有彻底解决该问题,于是方向转为寻找所选取的元素的问题,于是按下F12,看HTMl源码,找到btnDetail按钮的html代码,发现btnDetail组件的type是submit,这下子找到原因了,点击它就是提交表单了,会先去执行change()里的代码,然后提交表单,但由于form未指定action,就默认是当前页面的url,所以最终的结果就相当于没有跳转了。
最后我把type改成button就可以顺利跳转了。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值