`
accpzhangxiaowei
  • 浏览: 34183 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类:
  • java
阅读更多
<a href="javascript:void(0)" onclick="document.getElementById('form').submit()">提交</a>
上述方式不会跳转到提交的转向页面,但会执行表单的提交动作

若要解决上述问题 则更改为:
<a href="javascript:document.getElementById('form').submit()">提交</a>
 
分享到:
评论

相关推荐

    html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

    `href`属性是`&lt;a&gt;`标签的核心,它定义了链接的目标URL,当用户点击链接时,浏览器通常会立即跳转到这个URL所指定的页面。然而,`&lt;a&gt;`标签还可以与`onclick`事件结合,为用户提供更复杂的交互体验。 `onclick`事件是...

    js触发事件大全

    - onunload:页面即将卸载时触发,例如跳转到其他页面。 4. 表单相关事件: - onblur:元素失去焦点时触发。 - onchange:元素内容改变且失去焦点时触发。 - onfocus:元素获得焦点时触发。 - onreset:表单...

    a标签href属性和onclick事件的比较介绍

    这样可以确保&lt;a&gt;标签不会导致页面跳转,同时void操作符用来执行表达式但不返回任何值,这通常比直接使用"javascript:xxx();"更为推荐,因为后者有可能导致JavaScript代码执行后页面仍然跳转。 关于href属性的使用,...

    a标签的href与onclick事件的区别详解

    总结来说,`&lt;a&gt;`标签的`href`属性主要用于页面导航,而`onclick`事件处理程序更适合执行JavaScript代码,如执行特定功能、验证表单或改变页面状态。理解它们的区别和交互方式是编写交互式Web页面的关键。在实际开发...

    javascript经典特效---用链接来提交表单.rar

    在JavaScript的世界里,表单提交通常通过`&lt;form&gt;`元素的`submit`事件来实现,但有时为了提供更友好的用户体验或特殊的交互效果,我们可能会选择使用链接(`&lt;a&gt;`标签)来触发表单的提交。这个"javascript经典特效---...

    onsubmit阻止form表单提交与onclick的相关操作

    在`submitAction`方法中执行表单提交操作,同时`return false`防止按钮的默认提交行为。 总结,`onsubmit`事件和`return false`是JavaScript中控制表单提交的关键机制,它们允许开发者在表单提交前进行验证、交互...

    js表单注册实现页面登录信息提示(附:阻止页面跳转)

    这个场景中,我们主要关注如何使用JavaScript来实现表单验证以及如何阻止页面默认的提交行为,即阻止页面跳转。下面将详细讲解这两个知识点。 首先,让我们来理解表单验证。在HTML中,表单元素通常用于收集用户输入...

    跳转代码与js有关的跳转代码,您懂的

    2. **`&lt;form&gt;`标签**:可以通过提交表单来实现页面跳转。在提供的代码片段中,使用了`&lt;form&gt;`标签结合`&lt;button&gt;`元素来实现这一功能。这里的`formaction`属性指定了表单提交的目标URL,而`type="submit"`则表示这是...

    页面跳转js获取传递的参数

    - 表单提交后,通常会触发服务器端逻辑进行处理。 #### 方法五:解析URL参数 ```javascript // 解析URL中的参数并存储到数组中 var URLParams = new Array(); var aParams = document.location.search.substr(1)....

    各种的js跳转

    通过`onClick`事件触发`window.open()`,实现在新窗口中打开指定URL的功能,常用于广告链接或独立页面的展示。 ### 结论 以上列举了多种JS实现页面跳转的方法,每种方式都有其适用场景。在实际项目中,开发者应...

    HTML表单事件大全

    - **`onBeforeCopy`**、**`onBeforeCut`**、**`onBeforePaste`**:这些事件在复制、剪切或粘贴操作前触发,可用于阻止某些操作或修改数据。 - **`onBeforeEditFocus`**:当编辑区域聚焦之前触发。 - **`...

    VS ASP.NET中的button点击触发事件

    它主要用于处理用户界面的即时反馈,例如修改组件状态、执行JavaScript动画、页面跳转或防止表单重复提交。在ASP.NET中,可以通过`OnClientClick`属性设置客户端事件。例如: ```html function OnButtonClick() {...

    from表单多个按钮提交用onclick跳转不同action

    标题中的“from表单多个按钮提交用onclick跳转不同action”就是解决这个问题的一种方法。下面将详细讲解这个过程。 首先,来看一下给定的代码片段: ```html !list.action"&gt; &lt;!-- 下面input框提交的action不同,...

    页面提交submit的几种方法

    在网页开发过程中,表单数据的提交是非常常见的操作之一,而如何有效地实现页面提交则是前端开发人员需要掌握的重要技能。本文将详细介绍几种页面提交的方法,帮助开发者更好地理解和运用这些技术。 #### 方法一:...

    a标签的href和onclick 的事件的区别介绍

    在HTML中,`&lt;a&gt;`标签(也称为超链接标签)是用于创建链接的重要元素,可以将用户导向其他页面或执行特定操作。`href`和`onclick`是两个不同的属性,它们在处理用户交互时有不同的作用和行为。 1. `onclick`事件: ...

    关于layui表单中按钮自动提交的解决方法

    在使用layui框架构建Web应用时,常常会遇到表单中按钮自动提交的问题,这可能导致不必要的数据提交或页面跳转。本文将详细介绍如何解决layui表单中按钮自动提交的问题,以便更好地控制表单行为。 首先,我们需要...

    js页面跳转代码汇总

    `onClick`事件处理程序中调用`location.href`属性设置新的URL,从而实现页面跳转。 #### 七、利用HTML链接返回上一页 **示例代码:** ```html &lt;a href="javascript:history.go(-1)"&gt;返回上一页&lt;/a&gt; ``` **解析:...

    密码访问单页自定义跳转页面HTML源码

    如果匹配成功,它将触发页面跳转到预先设定的目标网址。 关于标签,“html”表示这是HTML(超文本标记语言)相关的内容,它是网页设计的基础,用于构建网页结构。“软件/插件”可能暗示这个HTML源码可以作为一个...

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    使用JavaScript中的form元素的submit方法进行提交时,JavaScript会立即处理提交操作,而不会触发表单元素上的onsubmit事件处理器。这意味着如果表单上有onsubmit事件处理器用于进行数据验证或执行其他操作,开发者...

Global site tag (gtag.js) - Google Analytics