Question

javascript:void(0) 和this.form.submit()的问题

遇到一个很奇怪的问题，在超链接上加入
<a href="javascript:void(0)"></a>
可以是连接无效。但可以触发点击事件。
单我在点击事件中加入提交表单的代码，通过.net的调试可知道表单已经提交，但是页面却没有刷新，有没有大虾知道为什么会这样，谢谢了~
测试代码如下
<form action="11111.html" method="post" name="form1" target="_self" id="form1">
<input type="button" name="Submit" value="按钮" onclick="this.form.submit()" />
<button onclick="document.getElementById('form1').submit()">123123</button>
<a href="javascript:void(0)" onclick="document.getElementById('form1').submit()">123123</a>
<a href="javascript:void(0)" onclick="alert(111)">123123</a>
<div onclick="document.getElementById('form1').submit()">1231312</div>
</form>
哎~真的没头绪了。。下面代码应该更容易理解
页1 test.html:
<form action="test2.html" method="post" name="form1" target="_self" id="form1">
<a href="javascript:void(0)" onClick="document.getElementById('form1').submit()">点击这里看看页面是否刷新</a> <br />
<a href="javascript:void(0)" onClick="alert('弹出来了')" >点击这里有警告说明有点击事件</a><br />
<a onClick="document.getElementById('form1').submit()">不加javascript:void(0)的超链接的提交</a>
</form>

页2 test2.html:

<div>这是页面2的内容</div>

在火狐上测试了一下是正常的，IE6上无法刷新页面

Answer 1

<form action="test2.html" method="post" name="form1" target="_self" id="form1">
<a href="javascript:void(0)" onClick="this.href='#';document.getElementById('form1').submit()">点击这里看看页面是否刷新</a> <br />
<a href="javascript:void(0)" onClick="alert('弹出来了')" >点击这里有警告说明有点击事件</a><br />
<a onClick="document.getElementById('form1').submit()">不加javascript:void(0)的超链接的提交</a>
</form>

这样可以吧
提交页面后，那个#也看不到了，不会影响状态，地址栏也不会加#

Answer 2

<form action="test2.html" method="post" name="form1" target="_self" id="form1"> <br><a href="javascript:void(0)" onClick="this.href='#';document.getElementById('form1').submit()">点击这里看看页面是否刷新</a> <br /> <br><a href="javascript:void(0)" onClick="alert('弹出来了')" >点击这里有警告说明有点击事件</a><br /> <br><a onClick="document.getElementById('form1').submit()">不加javascript:void(0)的超链接的提交</a><br></form> <br><br>这样可以吧<br>提交页面后，那个#也看不到了，不会影响状态，地址栏也不会加#

Answer 3

<a href="javascript:void(0)" onClick="alert('弹出来了')" >
此时起作用的onClick事件,void(0)不会发生作用

JavaScript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。
void(0) 计算为 0，但在 JavaScript 上没有任何效果。
应该写成:
<a href="javascript:void(document.getElementById('form1').submit())">
<a href="#" onclick="document.getElementById('form1').submit()">
注意这里的href="#"

Answer 4

<form
action="test2.html"
method="post"
name="form1"
target="_self"
id="form1">
<a
href="javascript:void(0)"
onClick="this.href='#';document.getElementById('form1').submit()">点击这里看看页面是否刷新</a>
<br
/>
<a
href="javascript:void(0)"
onClick="alert('弹出来了')"
>点击这里有警告说明有点击事件</a><br
/>
<a
onClick="document.getElementById('form1').submit()">不加javascript:void(0)的超链接的提交</a>
</form>
这样可以吧
提交页面后，那个#也看不到了，不会影响状态，地址栏也不会加#

Answer 5

不知道你是怎么操作的.反正我在这里测试了下,几个按钮都可以使表单成功提交.

你这样试可能不大看得出效果,你把表单的action="",再增加一个文本框,输入一些字符再提交,这样就很容易看出效果了.