IE6下通过a标签点击切换图片的问题

2019-12-24,,,

不过, 国内大部分用户还是在用IE6.


IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort.


测试了一下,找到了解决办法.


a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样:


1. <a href="javascript://" onclick="dosomething()">a1</a>


2. <a href="javascript:void(0)" onclick="dosomething()">a2</a>


3. <a href="###" onclick="dosomething()">a3</a>


第三种方法dosomething()切换图片完全没有问题, 但是href="###" 却带来了另一个问题, 占用了锚点,页面URL也不美观.


第1,2种方式虽然没有上面的问题, 但会引发IE6的奇怪bug, dosomething()图片无法加载.


只要在dosomething();后面增加一个return false;就可以解决了.


如果是绑定事件, 同样在function最后增加return false;就行.

您可能感兴趣的文章:

  • a标签置灰不可点击的实现方法
  • JS中如何实现点击a标签返回页面顶部的问题
  • js 点击a标签 获取a的自定义属性方法
  • 使用JS或jQuery模拟鼠标点击a标签事件代码
  • Js实现当前点击a标签变色突出显示其他a标签回复原色
  • JS 实现点击a标签的时候让其背景更换
  • js a标签点击事件

《IE6下通过a标签点击切换图片的问题.doc》

下载本文的Word格式文档,以方便收藏与打印。