HTML标签A的onclick动作提交form问题
2008-06-17 11:09
260 查看
XML/HTML代码
<form name="actionForm" action="aaaaa.jsp">
<input type=button value="提交按钮" onclick="formSubmit()"/>
<a href="javascript:void(0)" onclick="formSubmit()" >提交链接1</a>
<a href="javascript:formSubmit()" >提交链接2</a>
</form>
<script>
function formSubmit(){
document.actionForm.action = "testAction.jsp";
document.actionForm.submit();
}
</script>
一般在定义<a>的onclick动作时,会使用“javascript:void(0)”来屏蔽动作在IE状态栏显示(大约是为了这个),但是使用了 javascript:void(0) 而 onclick动作触发 from.submit() 进行提交时,页面并不会产生跳转,只是数据进行了提交,页面并不会有所改变; 这里建议大家使用 提交链接2
注:页面不跳转的原因在于,当页面还没真正跳转时,你的href起作用了,它实际上什么也不会做,但它却可以使之前你执行的跳转或说提交后的跳转失效.因为它是告诉游览器要跳到什么页面,而void(0);实际上是不让页面跳的,所以页面实际上也就不跳了.就像你在一个页面反映很慢时,连续点击多个连接时,实际上最终跳转到的是最后一次你点击的那个地址.
<html:base target="_self" />也可能会影响页面跳转。
<form name="actionForm" action="aaaaa.jsp">
<input type=button value="提交按钮" onclick="formSubmit()"/>
<a href="javascript:void(0)" onclick="formSubmit()" >提交链接1</a>
<a href="javascript:formSubmit()" >提交链接2</a>
</form>
<script>
function formSubmit(){
document.actionForm.action = "testAction.jsp";
document.actionForm.submit();
}
</script>
一般在定义<a>的onclick动作时,会使用“javascript:void(0)”来屏蔽动作在IE状态栏显示(大约是为了这个),但是使用了 javascript:void(0) 而 onclick动作触发 from.submit() 进行提交时,页面并不会产生跳转,只是数据进行了提交,页面并不会有所改变; 这里建议大家使用 提交链接2
注:页面不跳转的原因在于,当页面还没真正跳转时,你的href起作用了,它实际上什么也不会做,但它却可以使之前你执行的跳转或说提交后的跳转失效.因为它是告诉游览器要跳到什么页面,而void(0);实际上是不让页面跳的,所以页面实际上也就不跳了.就像你在一个页面反映很慢时,连续点击多个连接时,实际上最终跳转到的是最后一次你点击的那个地址.
<html:base target="_self" />也可能会影响页面跳转。
相关文章推荐
- HTML标签A的onclick动作提交form问题(转)
- html回车键导致form提交的问题
- 使用Html.BeginForm("ActionName", "ControllerName", FormMethod.Post, new { id = "formInfo" })提交数据的问题
- truts2中表单可以不用struts自带的<s:form>标签,直接用html的<form>标签能够提交数据到action
- 解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
- html 标签: image也能提交form
- Html A标签中 href 和 onclick 同时使用的问题 优先级别
- Html.BeginForm方法没有生成Form标签的问题
- 获取form表单提交回来的值或者html标签的值或者加载过后重新给lable赋的值
- 解决HtmlAgilityPack无法获取form标签子节点的问题
- 4 django系列之HTML通过form标签来同时提交表单内容与上传文件
- 解决struts中<html:form>提交中文时乱码问题
- Html.BeginForm方法没有生成Form标签的问题
- Html A标签中 href 和 onclick 同时使用的问题 优先级别
- html<a>标签转跳后台自动提交问题 3ff0
- html中form表单向Jsp提交中文乱码问题基本解决办法
- 今天遇到一个问题,原来在html的form中如果只有一个type="text"的控件,如果在text中点击回车键,就是自动提交表单!
- html disabled 和readonly,disabled 引起的form表单提交问题
- html回车键导致form提交的问题
- form表单里面 button标签自动提交表单的问题