编程 Javascript

javascript动态改变img的src属性图片不显示的解决方法

Posted in Javascript onOctober 20, 2010

首先讲下这个bug的出现的情况，页面中有

<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">

这么一个a标签，onclick中的JS代码就是改变id为current的img标签的src属性，以达到动态切换图片的效果。可是不幸的是：IE是动态改变的图片的路径，但是图片却不显示出来，得右键“显示图片”才能看到改变后的图片，不知是什么原因，但据说是<a href="javascript:void(0)">或者<a href="#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为，导致ie6会错误的认为页面刷新或者重定向了，并且中断了当前所有连接，这样新图片的加载就被aborted了（不知真假），不管原因是真是假，下面就先说下解决方案吧

简单的解决方法：

<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">；

就是在代码后面加上return false;即可

javascript动态改变img的src属性图片不显示的解决方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

学习YUI.Ext基础第一天

Mar 10 Javascript

JS 自定义函数缺省值的设置方法

May 05 Javascript

博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)

Mar 24 Javascript

用Javascript来生成ftp脚本的小例子

Jul 03 Javascript

jquery 取子节点及当前节点属性值的方法

Aug 24 Javascript

jQuery实现带玻璃流光质感的手风琴特效

Nov 20 Javascript

jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)

Feb 25 Javascript

JavaScript学习笔记整理_setTimeout的应用

Sep 19 Javascript

细数JavaScript 一个等号,两个等号,三个等号的区别

Oct 09 Javascript

jQuery源码分析之sizzle选择器详解

Feb 13 Javascript

Vue如何实现组件的源码解析

Jun 08 Javascript

百度地图去掉marker覆盖物或者去掉maker的label文字方法

Jan 26 Javascript

javascript奇异的arguments分析

Oct 20 #Javascript

超越Jquery_01_isPlainObject分析与重构

Oct 20 #Javascript

理解Javascript_15_作用域分配与变量访问规则,再送个闭包

Oct 20 #Javascript

理解Javascript_14_函数形式参数与arguments

Oct 20 #Javascript

理解Javascript_13_执行模型详解

Oct 20 #Javascript

用jquery与css打造个性化的单选框和复选框

Oct 20 #Javascript

Jquery插件之多图片异步上传

Oct 20 #Javascript

You might like

一个简单的PHP投票程序源码

2007/03/11 PHP

来自phpguru得Php Cache类源码

2010/04/15 PHP

PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )

2016/07/09 PHP

Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解

2017/11/14 PHP

微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解

2019/04/10 PHP

Javascript 设计模式（二）闭包

2010/05/26 Javascript

检测jQuery.js是否已加载的判断代码

2011/05/20 Javascript

passwordStrength 基于jquery的密码强度检测代码使用介绍

2011/10/08 Javascript

浅析Javascript使用include/require

2013/11/13 Javascript

Javascript:为input设置readOnly属性(示例讲解)

2013/12/25 Javascript

javascript模拟实现ajax加载框实例

2014/10/15 Javascript

node.js中的buffer.slice方法使用说明

2014/12/10 Javascript

js实现浏览器窗口大小被改变时触发事件的方法

2015/02/02 Javascript

jQuery插件datalist实现很好看的input下拉列表

2015/07/14 Javascript

jQuery+ajax简单实现文件上传的方法

2016/06/03 Javascript

JS正则表达式之非捕获分组用法实例分析

2016/12/28 Javascript

javascript实现table单元格点击展开隐藏效果(实例代码)

2017/04/10 Javascript

详解vue的数据binding绑定原理

2017/04/12 Javascript

JS/jquery实现一个网页内同时调用多个倒计时的方法

2017/04/27 jQuery

JavaScript 中调用 Kotlin 方法实例详解

2017/06/09 Javascript

vue 2.x 中axios 封装的get 和post方法

2018/02/28 Javascript

为jquery的ajax请求添加超时timeout时间的操作方法

2018/09/04 jQuery

ligerUI的ligerDialog关闭刷新的方法

2019/09/27 Javascript

Sublime Text3 配置 NodeJs 环境的方法

2020/05/20 NodeJs

Python面向对象程序设计之继承与多继承用法分析

2018/07/13 Python

详解Python函数式编程—高阶函数

2019/03/29 Python

TFRecord格式存储数据与队列读取实例

2020/01/21 Python

便携式太阳能系统的创新者：GOAL ZERO

2018/02/04 全球购物

继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么？

2015/11/18 面试题

初一英语教学反思

2014/01/11 职场文书

英语国培研修感言

2014/02/13 职场文书

政府绩效管理实施方案

2014/05/04 职场文书

支部书记四风问题对照检查材料

2014/10/04 职场文书

手把手教你怎么用Python实现zip文件密码的破解

2021/05/27 Python

React-vscode使用jsx语法的问题及解决方法

2021/06/21 Javascript

Python 中的单分派泛函数你真的了解吗

2021/06/22 Python