IE6 <a href="javascript:void(0) "> submit
2013-05-17 17:01
411 查看
IE6下如果是用<input type="submit"/>按钮,则能正常提交数据,若是通过JavaScript脚本:formElement.submit(),则会提交失败,网上提出了使用setTimeout()的办法来解决;
进一步深入发现, <a/>有个链接属性 href , 而form也有一个页面请求属性 action, 当两属性同时存在时, 点击<a/>当然会优先<a/>的href链接,但如果是 <a href="javascript:;" ></a>, 又会是什么情况呢? 实践证明IE7.0+ , FF3.0+, Opera9.6+ 均能正确处理, 忽略<a/>的href, 执行表单的submit动作, 唯有 IE6 仍坚持着自己的原则, 只要有 href , 就只尝试执行链接 href , 除非你的<a/>标签中去掉 href属性, 但去掉 href 你将发现IE 下将不会出现下划线;看来是因为 ie6 执行默认动作引起来,目前两种解决方法:
第一种方法:
<a class="bt_3" style="cursor:pointer;" id="btnSubmit1" onclick="submitPage()">提交</a>
这种方法根本没有href属性,用style="cursor:pointer;" 产生手型图标来模拟。
另一种方法:
<a class="bt_3" href="javascript:void(0)" id="btnSubmit1" onclick="submitPage();return false;">提交</a>
onclick 返回 false ,阻止浏览器的默认行为。也可以达到相同的目的
进一步深入发现, <a/>有个链接属性 href , 而form也有一个页面请求属性 action, 当两属性同时存在时, 点击<a/>当然会优先<a/>的href链接,但如果是 <a href="javascript:;" ></a>, 又会是什么情况呢? 实践证明IE7.0+ , FF3.0+, Opera9.6+ 均能正确处理, 忽略<a/>的href, 执行表单的submit动作, 唯有 IE6 仍坚持着自己的原则, 只要有 href , 就只尝试执行链接 href , 除非你的<a/>标签中去掉 href属性, 但去掉 href 你将发现IE 下将不会出现下划线;看来是因为 ie6 执行默认动作引起来,目前两种解决方法:
第一种方法:
<a class="bt_3" style="cursor:pointer;" id="btnSubmit1" onclick="submitPage()">提交</a>
这种方法根本没有href属性,用style="cursor:pointer;" 产生手型图标来模拟。
另一种方法:
<a class="bt_3" href="javascript:void(0)" id="btnSubmit1" onclick="submitPage();return false;">提交</a>
onclick 返回 false ,阻止浏览器的默认行为。也可以达到相同的目的
相关文章推荐
- IE6通过点击 <a href="javascript:void(0);"></a>方式动态创建iframe无法显示
- <a href="javascript:void(0);">
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- <a href="javascript:void(0);">用法
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- <a href="#">与<a href="javascript:void(0)">
- 不同浏览器下<a href="#">与<a href="javascript:void(0);">的区别
- <A href="javascript:void(0)">什么意思?
- js 代替 <a href="javascript void(0)" onclick="openWin(3,this)"></a>
- <a> href=javascript://与href="#"的区别
- <a>标签中href="javascript:;"表示什么意思??
- IE6通过点击 <a href="javascript:void(0);"></a>方式动态创建iframe无法显示
- <a>标签中href=\"javascript:;\"表示什么意思??
- LinkButton->OnCommand、OnClientClick="javascript:return confirm('确定删除吗?')"、href="javascript:void(0)"
- <a>标签中href="javascript:;"
- <a href="javascript:void(0)" onclick="ff()" ></a> 用法解析
- <a href="#"/> --->> javascript:void(0)
- <a href=”#”>与 <a href=”javascript:void(0)” 的区别
- <a href="javascript:void(0)" onclick="ff()" ></a> 用法解析