您的位置:首页 > Web前端 > HTML

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" />也可能会影响页面跳转。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: