编程 Javascript

JS动态修改图片的URL（src）的方法

Posted in Javascript onApril 01, 2015

本文实例讲述了JS动态修改图片的URL（src）的方法。分享给大家供大家参考。具体如下：

下面的JS代码可以动态修改图片地址，以显示一张新的图片，实际上是通过修改图片的src属性来实现的

<!DOCTYPE html>
<html>
<head>
<script>
function changeSrc()
{
document.getElementById("myImage").src="hackanm.gif";
}
</script>
</head>
<body>
<img id="myImage" src="compman.gif" width="107" height="98">
<br><br>
<input type="button" onclick="changeSrc()" value="Change image">
<p><b>Note:</b> The src property can be changed at any time. 
However, the new image inherits the height and width
attributes of the original image,
if not new height and width properties are specified.</p>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

JS动态修改图片的URL（src）的方法

- Author -

疯狂一夏

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

Javascript 相关文章推荐

javascript TextArea动态显示剩余字符

Oct 22 Javascript

JavaScript Cookie显示用户上次访问的时间和次数

Dec 08 Javascript

Cookie 小记

Apr 01 Javascript

javascript中的注释使用与注意事项小结

Sep 20 Javascript

javascript动态添加样式(行内式/嵌入式/外链式等规则)

Jun 24 Javascript

javascript页面加载完执行事件代码

Feb 11 Javascript

浅谈jQuery页面的滚动位置scrollTop、scrollLeft

May 19 Javascript

JS动态加载脚本并执行回调操作

Aug 24 Javascript

AngularJS中的Promise详细介绍及实例代码

Dec 13 Javascript

vue解决跨域路由冲突问题思路解析

Nov 03 Javascript

vue2中,根据list的id进入对应的详情页并修改title方法

Aug 24 Javascript

javascript/jquery实现点击触发事件的方法分析

Nov 11 jQuery

JavaScript之数组（Array）详解

Apr 01 #Javascript

JavaScript数据类型详解

Apr 01 #Javascript

JavaScript中使用Object.prototype.toString判断是否为数组

Apr 01 #Javascript

JavaScript判断是否为数组的3种方法及效率比较

Apr 01 #Javascript

JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

Apr 01 #Javascript

JavaScript判断是否为数字的4种方法及效率比较

Apr 01 #Javascript

JavaScript操作DOM元素的childNodes和children区别

Apr 01 #Javascript

You might like

PHP动态编译出现Cannot find autoconf的解决方法

2014/11/05 PHP

PHP中捕获超时事件的方法实例

2015/02/12 PHP

ThinkPHP3.2.2实现持久登录(记住我)功能的方法

2016/05/16 PHP

php获取今日开始时间和结束时间的方法

2017/02/27 PHP

php实现简单的权限管理的示例代码

2017/08/25 PHP

JS解析XML的实现代码

2009/11/12 Javascript

JavaScript高级程序设计（第3版）学习笔记13 ECMAScript5新特性

2012/10/11 Javascript

js如何获取兄弟、父类等节点

2014/01/06 Javascript

Javascript和Java获取各种form表单信息的简单实例

2014/02/14 Javascript

jquery实现个人中心导航菜单效果和美观都非常不错

2014/09/02 Javascript

js控制网页背景音乐播放与停止的方法

2015/02/06 Javascript

javascript变量声明实例分析

2015/04/25 Javascript

JS仿百度自动下拉框模糊匹配提示

2016/07/25 Javascript

gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)

2016/08/24 Javascript

Bootstrap优化站点资源、响应式图片、传送带使用详解3

2016/10/14 Javascript

Bootstrap BootstrapDialog使用详解

2017/02/17 Javascript

详解js获取video任意时间的画面截图

2019/04/17 Javascript

[28:48]《真视界》- 2017年国际邀请赛

2017/09/27 DOTA

Python显示进度条的方法

2014/09/20 Python

在Python的Django框架中更新数据库数据的方法

2015/07/17 Python

Django中ORM表的创建和增删改查方法示例

2017/11/15 Python

对Python 检查文件名是否规范的实例详解

2019/06/10 Python

Python中bisect的使用方法

2019/12/31 Python

python 链接sqlserver 写接口实例

2020/03/11 Python

马来西亚和新加坡巴士票在线预订：CatchThatBus

2018/11/17 全球购物

请解释在new与override的区别

2012/10/29 面试题

应聘面试自我评价

2014/01/24 职场文书

社会学专业学生职业规划书

2014/02/07 职场文书

《巨人的花园》教学反思

2014/02/12 职场文书

小学生元旦广播稿

2014/02/21 职场文书

大型营销活动计划书

2014/04/28 职场文书

团代会宣传工作方案

2014/05/08 职场文书

离婚案件原告代理词

2015/05/23 职场文书

集结号观后感

2015/06/08 职场文书

《詹天佑》教学反思

2016/02/20 职场文书

普希金的诗歌赏析（3首）

2019/08/20 职场文书