js动态改变图片src在ie6下的兼容问题

场景:验证码图片在ie6下出不来

这个BUG折腾了我近半个小时,最后GOOGLE成功,原因是IE6的底层BUG,我们使用<a>的href属性改变的时候会中断加载,导致我们看不到图片,这经常在验证码或动态改变图片的时候遇到。

所以我们在使用a 链接时通常href和onclick都会同时用到,链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接),假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。

所以解决方案是:给onclick一个false忽略href的属性。

时间: 2024-08-08 05:38:03

js动态改变图片src在ie6下的兼容问题的相关文章

jquery点击改变图片src源码并toggle

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery点击toggle并改变图片src

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

jquery点击改变class并toggle;jquery点击改变图片src源码并toggle;jquery显示隐藏toggle

<html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script><style>.bg1 {    background

js动态改变iframe的高度

js动态改变iframe的高度的写法 〈iframe id="docDetail" width="100%"  height="200" frameborder="0" src="a.htm"〉 〈/iframe〉 而a.html不是固定大小的,这个时候嵌套的iframe就会出现滚动条. 通过js获取iframe的高度,然后动态的改变,这样就不会出现滚动条. 方式一:在jsp的body里增加onload方法

jquery动态改变图片

动态改变图片: var bb = 1;var aa=4; $("div[page='" + bb + "'] dd").eq(aa).children("img").attr("src", "images/zy_033.jpg") <div class="Pc4_con_list1" page="1"> <dl class="Pc4_dl1

写个js动态调整图片宽高 (原创)

<body style="TEXT-ALIGN: center;"> <div id="testID" style="background:red;MARGIN-RIGHT: auto; MARGIN-LEFT: auto; width:173;height:184"> <img src="http://e.hiphotos.baidu.com/image/pic/item/024f78f0f736afc3

android &nbsp; 动态改变图片大小

在oncreate中,使用getheight等函数不能获得控件大小,得到的为0 应使用其他方法 Resources res = getResources(); final ImageView view=(ImageView)findViewById(R.id.IV_about); final Drawable drawable=res.getDrawable(R.drawable.ic_about); DisplayMetrics dm = new DisplayMetrics(); getWi

js动态改变元素属性img标签的src

<head> <title> just a test! </title> <script type="text/javascript"> /** * function:when you open the page,get user's data from database */ function set_follow(){ var count=0;// you should read it from database document.g

解决 viewer.js 动态更新图片导致无法预览的问题

1.viewer.js 使用 Demo http://fengyuanchen.github.io/viewerjs/ 2.viewer.js 下载地址 https://github.com/fengyuanchen/viewerjs 3.viewer只能初始化一次,也就是说如果用ajax添加了新的图片,你再初始化新添加的图片还是出不来,只有第一次初始化加载的图片 4.解决方案 参看官方文档: 5.具体代码实例 1 $.post('your_url', { 2 param: 'value' 3