HTML标签A的onclick动作提交form问题

来源:互联网 发布:hl302u控制卡软件 编辑:程序博客网 时间:2024/05/29 12:32
XML/HTML代码
  1. <form name="actionForm" action="aaaaa.jsp">  
  2.             <input type=button value="提交按钮" onclick="formSubmit()"/>  
  3.             <a href="javascript:void(0)" onclick="formSubmit()" >提交链接1</a>
  4.             <a href="javascript:formSubmit()" >提交链接2</a>  
  5.         </form>  
  6.         <script>  
  7.          function formSubmit(){   
  8.         document.actionForm.action = "testAction.jsp";   
  9.              document.actionForm.submit();   
  10.          }   
  11.         </script>

一般在定义<a>的onclick动作时,会使用“javascript:void(0)”来屏蔽动作在IE状态栏显示(大约是为了这个),但是使用了 javascript:void(0) 而 onclick动作触发 from.submit() 进行提交时,页面并不会产生跳转,只是数据进行了提交,页面并不会有所改变; 这里建议大家使用 提交链接2

注:页面不跳转的原因在于,当页面还没真正跳转时,你的href起作用了,它实际上什么也不会做,但它却可以使之前你执行的跳转或说提交后的跳转失效.因为它是告诉游览器要跳到什么页面,而void(0);实际上是不让页面跳的,所以页面实际上也就不跳了.就像你在一个页面反映很慢时,连续点击多个连接时,实际上最终跳转到的是最后一次你点击的那个地址.

<html:base target="_self" />也可能会影响页面跳转。

原创粉丝点击