编程 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 相关文章推荐

初学JavaScript第二章

Sep 30 Javascript

JavaScript 使用技巧精萃(.net html

Apr 25 Javascript

超级给力的JavaScript的React框架入门教程

Jul 02 Javascript

JS中如何比较两个Json对象是否相等实例代码

Jul 13 Javascript

jquery实现输入框实时输入触发事件代码

Dec 21 Javascript

jQuery窗口拖动功能的实现代码

Feb 04 Javascript

通过构造函数实例化对象的方法

Jun 28 Javascript

vue实现留言板todolist功能

Aug 16 Javascript

React-Native中禁用Navigator手势返回的示例代码

Sep 09 Javascript

vue中Axios的封装与API接口的管理详解

Aug 09 Javascript

layui多iframe页面控制定时器运行的方法

Sep 05 Javascript

js实现全选和全不选功能

Jul 28 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 aes （ecb）解密后乱码问题

2015/06/22 PHP

PHP汉字转换拼音的函数代码

2015/12/30 PHP

php上传图片并给图片打上透明水印的代码

2010/06/07 Javascript

JQuery循环滚动图片代码

2011/12/08 Javascript

javascript设计模式接口介绍

2012/07/24 Javascript

jQuery插件StickUp实现网页导航置顶

2015/04/12 Javascript

第一次接触神奇的Bootstrap网格系统

2016/07/27 Javascript

jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】

2017/04/14 jQuery

JavaScript基础心法深浅拷贝(浅拷贝和深拷贝)

2018/03/05 Javascript

vue2.0+koa2+mongodb实现注册登录

2018/04/10 Javascript

Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)

2018/05/10 Javascript

mpvue小程序仿qq左滑置顶删除组件

2018/08/03 Javascript

解决vue-router在同一个路由下切换,取不到变化的路由参数问题

2018/09/01 Javascript

详解Node.js一行命令上传本地文件到服务器

2019/04/22 Javascript

Vue分页插件的前后端配置与使用

2019/10/09 Javascript

基于vue和websocket的多人在线聊天室

2020/02/01 Javascript

JavaScript实现京东快递单号查询

2020/11/30 Javascript

[50:22]完美盛典-2018年度红毯走秀

2018/12/16 DOTA

Python面向对象编程基础解析（二）

2017/10/26 Python

详细解读tornado协程(coroutine)原理

2018/01/15 Python

解决vscode python print 输出窗口中文乱码的问题

2018/12/03 Python

Python中正则表达式的用法总结

2019/02/22 Python

Python中numpy模块常见用法demo实例小结

2019/03/16 Python

Python集合基本概念与相关操作实例分析

2019/10/30 Python

Python 生成一个从0到n个数字的列表4种方法小结

2019/11/28 Python

Python如何基于Tesseract实现识别文字功能

2020/06/05 Python

如何用Python和JS实现的Web SSH工具

2021/02/23 Python

如何获得EntityManager

2014/02/09 面试题

商场中秋节活动方案

2014/02/07 职场文书

教师师德承诺书

2014/03/26 职场文书

团代会开幕词

2015/01/28 职场文书

对外汉语教师推荐信

2015/03/27 职场文书

机关保密工作承诺书

2015/05/04 职场文书

2015年超市工作总结范文

2015/05/26 职场文书

redis 限制内存使用大小的实现

2021/05/08 Redis

Navicat Premium自定义 sql 标签的创建方式

2022/09/23 数据库