IE6下链接onclick事件处理中的请求被aborted

IE6下的问题真多，这两天连续遇到好几个，包括IE6下tr不能加border边框样式，其他都ok。今天又遇到form表单里面用a链接模拟表单提交事件，发现在js里面执行表单的submit事件，后台也正常接收到事件，而IE6下用httpwatch调试后发现该处理请求 aborted before response message was received。其他浏览器包括chrome，ff，IE7以上，360也是得高版本都没问题。

原来在form表单里面的a链接写法为

<form id='applyForm'>
<div class="submit-back">
<a class="sub-button" href="javaScript:void(0);" ></a>
</div>
</form>

     $('.submit-back').click(function(){//...表单验证$('#applyForm').submit();});

然后点击a链接，则出现上面那种case。

网上找了一些资料之后，IE6下的问题

The (Aborted) value is more complex in its origin. It occurs when IE has started to process the request for a URL (e.g. to download an image), but then decides to cancel the operation. Here are some examples of when this can occur:

If you click on a link or bookmark while a page is downloading, or click on IE’s Stop button, you will see that IE cancels any requests which are still active and HttpWatch shows the (Aborted) result.

A CSS rollover image on a page will start a request when the mouse pointer is moved into its active area. If the mouse pointer quickly moves away again, IE may abort the request if it has not already completed.

Sometimes javascript is used to fire off requests for background tasks or to gather statistics on a page. Often this can lead to aborted results if the javascript does not wait for the response to be received from the server.

继续寻找根源，搜索到发现这个问题是ie6中一个底层机制的bug，之后的版本已经解决了。据说<a href="javascript:void(0)">或者<a href=#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为，导致ie6会错误的认为页面刷新或者重定向了，并且中断了当前所有连接，这样新的加载就被aborted了。解决方案最简单的方法有两个，一个是这样使用a标签<a href="xxx(); return false;">，另外一个就是用div替换a标签来用。至此，问题总算解决。

解决方案

1 不使用onclick，但必须保证处理函数不返回值，否则浏览器将清空页面，只显示函数的结果。如果test 返回false，浏览器中就会显示false。

2.在onclick上加return false阻止浏览器执行href。href属性还是必须的，否则链接就样式失效了

<div class="submit-back">
<a class="sub-button" href="javaScript:void(0);" οnclick="return false;"></a>
</div>

转载于:https://www.cnblogs.com/zhwj184/archive/2012/09/14/3027465.html

IE6下链接onclick事件处理中的请求被aborted相关推荐

关于IE6下用Jquery attr('onclick')问题
当原代码编写者编写了如下代码 <input id="Button1" type="button" value="button" οnc ...
IE6下css常见bug处理
1.双倍边距如下图所示,一个样式里面既设定了"float:left:"又有"margin-left:100px:"的情况,就呈现了双倍情况.如外边距设置为10 ...
[转]IE6下的CSS BUG枚举
原文链接:http://luinlee.com/405/ie6csschinese/ 1.终极方法:条件注释.缺点是在IE浏览器下可能会增加额外的HTTP请求数. 代码 <!–[if lte I ...
CSS HACK收集：在IE6下hack的方法详解
原文:http://www.html5cn.org/article-5027-1.html + 针对IE7 * 针对ie6和ie7 _ 针对ie6 最好采用条件注释的方法本篇文章小编为大家介绍CS ...
E6终极备忘：修复IE6下_25+_Bugs
E6终极备忘:修复IE6下_25+_Bugs 引言:"珍惜生命,远离IE 6!" 对IE6最好的策略就是不去兼容它. 好吧,我知道你的难处,你不得不去兼容IE6这个狗血 ...
html中事件处理中的this和event对象
在用js编写页面事件处理代码时,会经常涉及到this和event对象,但有时在采用不同的事件处理,尤其是在与自定义的对象关联时,这些对象的指向变的有些复杂. 本文来详细介绍下各种场景下这些对象真正 ...
http中的请求头各部分都是什么意思_小前端探索HTTP
广告个人订阅号,知乎和微信同步推文,希望大家关注一波! 微信订阅号:小前端看世界,id:fe_watch_world 首先需要说明的是本人只是一个前端,本文内容是综合各大资料搜索到的信息,进行简单明 ...
帝国cms php sql,帝国CMS下在PHP文件中调用数据库类执行SQL语句实例
帝国CMS下在PHP文件中调用数据库类执行SQL语句实例例1:连接MYSQL数据库例子.(a.php) db_close(); //关闭MYSQL链接$empire=null; //注消操作类变量? ...
Java生鲜电商平台-SpringCloud微服务架构中网络请求性能优化与源码解析
Java生鲜电商平台-SpringCloud微服务架构中网络请求性能优化与源码解析说明:Java生鲜电商平台中,由于服务进行了拆分,很多的业务服务导致了请求的网络延迟与性能消耗,对应的这些问题,我们 ...
使IE6下PNG背景图片透明的七种方法
PNG图像格式介绍: PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性.流式网络图形格式(Portable ...

IE6下链接onclick事件处理中的请求被aborted

IE6下链接onclick事件处理中的请求被aborted相关推荐

最新文章

热门文章