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

jquery 操作DOM的基本用法分享

Apr 05 Javascript

Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)

Apr 02 Javascript

jQuery中delegate和on的用法与区别详细解析

Jan 26 Javascript

学习使用jquery iScroll.js移动端滚动条插件

Mar 24 Javascript

将List对象列表转换成JSON格式的类实现方法

Jul 04 Javascript

AngularJS1.X学习笔记2-数据绑定详解

Apr 01 Javascript

在原生不支持的旧环境中添加兼容的Object.keys实现方法

Sep 11 Javascript

vue使用keep-alive实现数据缓存不刷新

Oct 21 Javascript

基于Bootstrap实现城市三级联动

Nov 23 Javascript

JS实现躲避粒子小游戏

Jun 18 Javascript

详解JavaScript 作用域

Jul 14 Javascript

Vue实现图书管理小案例

Dec 03 Vue.js

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数据访问之增删改查操作

2016/05/09 PHP

PHP链表操作简单示例

2016/10/15 PHP

PHP实现cookie跨域session共享的方法分析

2019/08/23 PHP

Javascript attachEvent传递参数的办法

2009/12/14 Javascript

ext 列表页面关于多行查询的办法

2010/03/25 Javascript

拖动布局之保存布局页面cookies篇

2010/10/29 Javascript

JavaScript 参数中的数组展开 [译]

2012/09/21 Javascript

浅析JavaScript原型继承的陷阱

2013/12/03 Javascript

jQuery绑定自定义事件的魔法升级版

2016/06/30 Javascript

node.js学习之base64编码解码

2016/10/21 Javascript

AngularJS实现网站换肤实例

2021/02/19 Javascript

jQuery实现二维码扫描功能

2017/01/09 Javascript

Vue单页式应用(Hash模式下)实现微信分享的实例

2017/07/21 Javascript

用vue2.0实现点击选中active其他选项互斥的效果

2018/04/12 Javascript

angularJs提交文本框数据到后台的方法

2018/10/08 Javascript

IE11下CKEditor在Bootstrap Modal中下拉问题的解决

2019/09/25 Javascript

js中关于Blob对象的介绍与使用

2019/11/29 Javascript

node.js中process进程的概念和child_process子进程模块的使用方法示例

2020/02/11 Javascript

原生js实现放大镜组件

2021/01/22 Javascript

通过Python 获取Android设备信息的轻量级框架

2017/12/18 Python

Python 实现一个手机号码获取妹子名字的功能

2019/09/25 Python

tensorflow使用freeze_graph.py将ckpt转为pb文件的方法

2020/04/22 Python

浅析Python 序列化与反序列化

2020/08/05 Python

PyCharm vs VSCode，作为python开发者，你更倾向哪种IDE呢？

2020/08/17 Python

python小技巧——将变量保存在本地及读取

2020/11/13 Python

用 Django 开发一个 Python Web API的方法步骤

2020/12/03 Python

德国净水壶和滤芯品牌：波尔德PearlCo（家用净水器）

2020/04/29 全球购物

成人教育自我鉴定

2013/11/01 职场文书

秋游活动策划方案

2014/02/16 职场文书

跟单业务员岗位职责

2014/03/08 职场文书

贷款担保书范本

2015/09/22 职场文书

你为什么是穷人？可能是这5个缺点造成

2019/07/11 职场文书

导游词之无锡古运河

2019/11/14 职场文书

浅谈vue2的$refs在vue3组合式API中的替代方法

2021/04/18 Vue.js

python编写五子棋游戏

2021/05/25 Python

Java实现多线程聊天室

2021/06/26 Java/Android