Mysql query error : | SQL : set names utf8 IE6下经典的请求abort问题 -- JavaScript -- IT技术博客大学习 -- 共学习 共进步！
    技术头条 - 一个快速在微博传播文章的方式     
您现在的位置：首页 --> JavaScript --> IE6下经典的请求abort问题

IE6下经典的请求abort问题

浏览:1536次  出处信息

   摘自：http://www.cnblogs.com/shihao/archive/2012/06/22/2559042.html

IE6 a标签的请求被abort的原因

   最近项目中掉进IE6 a标签abort两次坑，第一次是a标签绑定一个事件，href='javascript:;'这样a标签触发了事件，切换验证码图片，结果验证码图片总是显示不出来，通过抓包显示状态为abort。其实这个的原因可以从IE6中a标签执行顺序说起，IE6中a标签执行onclick在执行默认事件(即href跳转)之前，当触发了绑定的事件之后，那么处理完事件之后，如果不return false或者阻止默认事件，则会继续执行href跳转，IE6会认为页面跳转到其他页面或者页面重新刷新，则abort之前onclick事件中的请求。

   所以当onclick时，做出的获取最新验证码图片的请求，会因为下一步href的触发而abort。同时，如果你在a绑定的事件中做ajax请求，那么也会被无情的abort。

IE6 a标签的请求被abort的解决方案

   解决的方法就是在onclick或者绑定事件中return false来阻止a标签跳转的默认事件。

   例如下面的代码：

<a href="javascript:void(0)" onclick="fn();return false;">Test</a>

   或者你也可以给a标签的href写成“#”，即当前页面的锚点，这样页面就不会跳转，自然不会abort请求。

   最好的方式还是两种都用，保险！

   其他参考资料：

   http://www.web92.net/758.html

   http://www.cnblogs.com/Ren_Lei/archive/2010/09/26/1836130.html

建议继续学习：

  1. 解决IE6从Nginx服务器下载图片不Cache的Bug    (阅读：7281)
  2. IE6下position:absolute相邻元素margin-top失效的bug    (阅读：3109)
  3. 让IE6支持min-width    (阅读：2912)
  4. IE6中a标签location.href失效解决方法    (阅读：2462)
  5. IE6下appendChild的一个小问题。    (阅读：2281)
  6. IE6浮动引起的一些BUG    (阅读：2266)
  7. 这到底是谁之错？    (阅读：1525)
QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习
<< 前一篇：通过WebRTC获取摄像头影像
后一篇：通过WebRTC获取摄像头影像 >>
文章信息
© 2009 - 2025 by blogread.cn 微博：@IT技术博客大学习

京ICP备15002552号-1