链接(A标签)的onclick事件触发表单提交操作后不跳转页面的问题

最新推荐文章于 2022-03-01 17:54:24 发布
最新推荐文章于 2022-03-01 17:54:24 发布
阅读量862 收藏
点赞数
分类专栏： java 文章标签： JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxw0324/article/details/83697053
版权 
<a href="javascript:void(0)" οnclick="document.getElementById('form').submit()">提交</a>
上述方式不会跳转到提交的转向页面，但会执行表单的提交动作

若要解决上述问题 则更改为：
<a href="javascript:document.getElementById('form').submit()">提交</a>
 
zxw0324
关注
专栏目录
html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
09-28
`href`属性是`<a>`标签的核心，它定义了链接的目标URL，当用户点击链接时，浏览器通常会立即跳转到这个URL所指定的页面。然而，`<a>`标签还可以与`onclick`事件结合，为用户提供更复杂的交互体验。 `onclick`事件是...
a标签href属性和onclick事件的比较介绍
09-28
这样可以确保<a>标签不会导致页面跳转，同时void操作符用来执行表达式但不返回任何值，这通常比直接使用"javascript:xxx();"更为推荐，因为后者有可能导致JavaScript代码执行后页面仍然跳转。 关于href属性的使用，...
点击链接触发onclick事件而不跳转
12-23 504
在web页面开发时，我们经常会遇到下列情况： 1.一个标签仅仅是要触发onclick行为； 2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。 比如执行删除操作时，为了避免误操作，我们要弹出对话框让用户确定是否删除。因此我们经常会用链接<a></...
今天遇到的问题：关于input onclick中实现action跳转
Sorrow_melody的博客
05-25 768
java util.date 与java.sql.date相互转换   可以参照这个 http://blog.csdn.net/llbupt/article/details/6625094
a标签怎样弹出新窗口，才能不被火狐、谷歌浏览器拦截？
jiandan1127的博客
06-29 2468
<a href="javascript:void(0);" onclick="window.open('http://www.baidu.com','_blank');">百度</a>
A标签触发onclick事件而不跳转的多种解决方法
u011450110的专栏
03-28 1762
一个标签仅仅是要触发onclick行为，遇到了A标签触发onclick事件时不执行跳转，下面与大家分享下四种解决方法，感兴趣的朋友可以参考下哈 在web页面开发时，我们经常会遇到下列情况： 1.一个标签仅仅是要触发onclick行为； 2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。 比如执行删除操作时，为了避免误操作，我们要弹出对话框让用户确定是否
使用onclick跳转到指定页面的方法
mischen520的博客
07-16 5万+
1.如果是本页显示可以直接用location,方法如下： 　　①onclick="javascript:window.location.href='URL'" 　　②onclick="location='URL'" 　　③onclick="window.location.href='URL?id=11'" 2.如果页面中有frame可以在location前面添加top.mainframe.
a标签的href与onclick事件的区别详解
09-04
总结来说，`<a>`标签的`href`属性主要用于页面导航，而`onclick`事件处理程序更适合执行JavaScript代码，如执行特定功能、验证表单或改变页面状态。理解它们的区别和交互方式是编写交互式Web页面的关键。在实际开发...
from表单多个按钮提交用onclick跳转不同action
09-04
标题中的“from表单多个按钮提交用onclick跳转不同action”就是解决这个问题的一种方法。下面将详细讲解这个过程。 首先，来看一下给定的代码片段： ```html !list.action"> <!-- 下面input框提交的action不同，...
js表单注册实现页面登录信息提示（附:阻止页面跳转）
01-08
这个场景中，我们主要关注如何使用JavaScript来实现表单验证以及如何阻止页面默认的提交行为，即阻止页面跳转。下面将详细讲解这两个知识点。 首先，让我们来理解表单验证。在HTML中，表单元素通常用于收集用户输入...
JS控制form表单action去向
wangduwen86的专栏
07-04 1074
不知道大家遇没遇到这种情况，当我们提交一个表单的时候，可能因为相关的参数不同而需提交给不同的action地址。这时我们就可以用JS来实现这种功能。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 把相同的内容提交到不同的页面 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ [javascript] view plaincopy "text/javascript">   
手机浏览器onclick事件不能跳转页面
痞子宝
03-01 1951
手机浏览器onclick事件不能跳转页面 打开百度浏览器或者使用QQ浏览器的时候,在前端页面点击onclick事件,通过windows.localtion.href进行跳转，但是跳转没有反应。存在的问题可能是APP本身的设置出现问题。 ​ 打开浏览器的设置，在设置中有个广告屏蔽管理，关闭广告屏蔽的按钮，这时再去点击链接跳转，就可以进行跳转。如果该操作都已经操作，但是还是无法进行页面跳转，那就可能存在代码问题。可以检查代码是否存在问题。 ...
HTML标签A的onclick动作提交form问题
草根的理想
06-17 2812
XML/HTML代码 form name="actionForm" action="aaaaa.jsp">               input type=button value="提交按钮" onclick="formSubmit()"/>               a href="javascript:void(0)" onclick="formSu
点击a标签提交form表单
zhangqian9527的博客
10-24 6757
今天在做用户管理分页的时候碰到一个问题，将分页的按钮单独写一个页面，在显示的页面将分页的按钮include进来； 但是在点击a标签的时候，会生成两个request，仔细看代码都没有问题，后来发现，a标签在添加href=“javascript:void(0)”时，只生成一个request； 原因： 点击a标签提交表单，如果a标签没有href=“javascript:void(0)” 属
form表单提交，用submit方法并且跳到指定页面或不跳转
热门推荐
github_38696818的博客
07-08 6万+
开发环境后台Java 后台根据提交的整个表单，通过name名对应的value值； 项目申请表 负责人姓名* 性别   女       男 联系邮箱*
给超链接(a标签)加onclick事件
james_laughing的博客
04-11 1331
<a onclick="alert('1')">超链接1</a><br> <a href="#" onclick="alert('2')">超链接2</a> <br> <a href="javascript:alert('3')">超链接3</a>
html <a> 如何触发表单的提交
最新发布
05-11
HTML中的<a>标签本身并不能直接触发表单的提交，但可以通过JavaScript来实现。下面是一个示例代码，你可以在点击<a>标签时，通过JavaScript的方式触发表单的提交： ```html <form id="myForm" action="submit.php" method="POST"> <input type="text" name="username" placeholder="请输入用户名"> <input type="password" name="password" placeholder="请输入密码"> <button type="submit" id="submitBtn">提交</button> </form> <a href="#" onclick="document.getElementById('myForm').submit(); return false;">点击提交</a> ``` 在上面的代码中，我们给表单设置了一个id属性为“myForm”，同时在<a>标签中绑定了一个onclick事件，当点击<a>标签时，会调用JavaScript函数“document.getElementById('myForm').submit()”来触发表单的提交。同时，为了避免页面跳转，我们在onclick事件的最后加上了“return false;”语句。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值