window location href不跳转

表单提交与JS阻止默认行为

最新推荐文章于 2024-07-09 11:22:28 发布

原创最新推荐文章于 2024-07-09 11:22:28 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在表单form提交时，如何通过JavaScript阻止默认提交行为，避免页面跳转，提供了三种有效解决方案：1. 在onclick事件中添加return false；2. 使用button标签并设置type为button；3. 尝试使用window.event.returnValue=false，但效果不稳定。

部署运行你感兴趣的模型镜像

账号/手机号

密码

如果是表单form的话，也会先执行form提交。提交之后，就已经不在当前页面了。所以 window.location.href无效。
解决办法：1、
onclick这里加return，js方法中加return false，这样如果是表单就不会执行submit；如果是a标签也不会执行跳转
2、使用button标签，并且type写button，否则还是会默认为submit类型
3、网上说还可以加window.event.returnValue=false;但是用了并不怎么好使

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

何处是桃源

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

遇到问题-----JS中设置window.location.href跳转无效

直到世界的尽头

03-13

6万+

问题情况JS中设置window.location.href跳转无效代码如下： function checkUser() { if(2!=1){ window.location.href="login.jsp"; } } 确认预订原因是 a标签的href跳转会执行在window.locatio

ios 使用window.location.href 不能跳转微信短链处理过程以及解决方法

冬阳

03-01

3510

微信短链在安卓可以正常跳转，在ios无法跳转

参与评论您还未登录，请先登录后发表或查看评论

ajax下window.location.href页面不跳转问题

Banxia228的博客

08-12

4536

ajax下window.location.hre页面不跳转问题(全面详解)

JS的location.href跳出框架打开新页面的方法

10-25

登录页面在框架内打开，想让它直接跳出框架打开（这里不是打开新窗口），终于在网上找到了办法，下面分享给大家

window.location.href无法跳转的解决办法

莫冲的专栏

09-21

2586

參考： 1、事件必须return false 　　<a href="javascript:;" onclick="event();return false;"></a> 2、a标签的href属性设为一个锚点。　　<a href="#" onclick="event();"></a> 必须在

解决location.href页面跳转失败问题

m0_71959044的博客

05-17

1846

日常开发过程中，写一个列表页面，当测试layui的表格行级操作（详情按钮）时，发现只是刷新当前列表页。没有跳转成功。然后又使用使其方式测试，发现可以跳转页面。于是又继续调试，发现问题出现在location.href.

关于window.location.href跳转失败的一种情况

最新发布

qq_64089684的博客

07-09

933

如果以表单元素作容器，fetch之类的发请求。在请求回调函数中写重定向，可能会没反应、请求停止反正一系列摸不着头脑的东西。可以尝试把form标签换了。// 重定向到另一个页面。

location.href语句与火狐不兼容的问题

12-10

于是我在location前面加了一个 window，即改为： onclick=”[removed].href(‘http://baidu.com’);” 发现仍然不行。于是去baidu之，找到一个答案：使用[removed]=”url”; 代替 location.href(‘url’);” 于是...

window.location.href页面跳转的用法（区别于redirect）

10-25

### window.location.href页面跳转的用法（区别于redirect） #### 概述在Web开发过程中，页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转，但这种方式无法在跳转前执行客户端脚本...

window.location.href和window.open方法导航

m0_61998604的博客

06-25

1318

是用于获取或设置当前窗口的 URL 的属性，它通常用于导航到新的页面或重新加载当前页面。它的值是一个字符串，包含当前页面的 URL。要导航到当前页面内的不同路由（例如 React Router 中的路由），可以通过设置的值来实现。

window.location.href无法正常跳转

zxdznyy的博客

09-11

6920

我在login.js中写window.location.href，但是我是在login.html运行的。接下来我要跳转的页面的相对位置。在做项目的时候有一个登录跳转，用到了window.location.href的用法，在href后面的括号中写上要跳转的地址，结果出了问题。一开始我用此代码发现页面跳转不出来的时候我先是怀疑相对地址的位置。所以又用标签a试了一下发现也可以正常跳转。如果你也出现了这种情况，可以好好检查下地址有没有出错，问题说不定就迎刃而解了。所以我开始察觉到我这句可能用的有问题。

window.location.href不跳转的解决方法

qq_51131331的博客

01-17

1万+

在使用 window.location.href 时有时候会出现没有反应，HTML不跳转的情况；如下： <button class="btn btn-danger" style="margin-left:10px;" onclick="tcdl()">退出登录</button> //退出登录 function tcdl() { window.location.href="/login/user"; } 在点击退出登录按钮时，HTML没有反应；

window.location.href 跳转失效问题解决办法

qq_39506434的博客

04-20

3879

window.location.href 跳转失效问题解决办法

vue使用window.location.href 跳转失败

qq_43654065的博客

09-14

3837

vue项目中直接使用window.lcocation.href跳转外链，但是跳转的链接会被拼接成这样。

解决window.location.href不跳转，无反应，不执行的问题

热门推荐

wang_ys121的专栏

09-14

5万+

如果你看到这个文章，那么你的问题可能会解决了。。。。首先，正常情况下，在js中写这个函数是可以跳转的，如： function test() { alert("测试"); window.location.href="www.xxx.com"; } 如果你的不跳转，你可以先写个测试，看程序是否进行到这一步，如果没有进行，请找其他原因吧。如果执行到这一步，那就试试下面的

解决window.location.href不跳转问题

weixin_34400525的博客

05-21

1443

为什么80%的码农都做不了架构师？>>> ...

window location href无反应，不跳转的情况的解决

Cheang_Bokgaai的博客

11-09

2万+

在进行js练习的时候，遇到了一个问题，在操作页面跳转的时候，使用window.location.href无法进行跳转，经过一系列的排查，和分析，最终解决这个问题。 $("#quit").click(function () { debugger; if (confirm("你确定要退出嘛？")) { sessionStorage.r...

解决：window.location.href 不跳转

weixin_42111248的博客

08-18

435

解决：window.location.href 不跳转问题描述解决： 1、window.location.href=“xxxx” 字幕不要写错 2、路径写错，而且访问localhost要加上http://

window.location.href不执行跳转的问题

m0_37792384的博客

03-12

870

在Googlel浏览器中不进行跳转：错误的写法： window.location.href("https://www.baidu.com"); // 这样不跳转正确的写法 window.location='https://www.baidu.com'; // 这样跳转

window.location.href不跳转

07-28

可以在 JavaScript 代码中使用 "return false" 来阻止 window.location.href 的默认行为跳转。例如： ``` <a href="https://www.google.com" onclick="return false;">Google ``` 在这种情况下，点击链接将不会跳转...