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

JQuery写动态树示例代码

Jul 31 Javascript

浅谈JavaScript中的String对象常用方法

Feb 25 Javascript

浅析Bootstrip的select控件绑定数据的问题

May 10 Javascript

Jquery调用iframe父页面中的元素及方法

Aug 23 Javascript

JS 实现导航菜单中的二级下拉菜单的几种方式

Oct 31 Javascript

JavaScript实现格式化字符串函数String.format

Dec 16 Javascript

Node.js文件编码格式的转换的方法

Apr 27 Javascript

Vue脚手架的简单使用实例

Jul 10 Javascript

jQuery实现为table表格动态添加或删除tr功能示例

Feb 19 jQuery

VUE安装使用教程详解

Jun 03 Javascript

浅谈vuex为什么不建议在action中修改state

Feb 02 Javascript

JavaScript函数Call、Apply原理实例解析

Feb 17 Javascript

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的curl实现get,post和cookie(实例介绍)

2013/06/17 PHP

PHP设计模式之装饰者模式代码实例

2015/05/11 PHP

PHP mysqli事务操作常用方法分析

2017/07/22 PHP

一段实时更新的时间代码

2006/07/07 Javascript

HTML复选框和单选框 checkbox和radio事件介绍

2012/12/12 Javascript

JS简单实现文件上传实例代码（无需插件）

2013/11/15 Javascript

js中的for如何实现foreach中的遍历

2014/05/31 Javascript

超棒的响应式布局jQuery插件Freetile.js

2014/11/17 Javascript

JavaScript中的比较操作符>、=、

2014/12/31 Javascript

jquery移除了live()、die(),新版事件绑定on()、off()的方法

2016/10/26 Javascript

gulp加批处理(.bat)实现ng多应用一键自动化构建

2017/02/16 Javascript

jQuery is not defined 错误原因与解决方法小结

2017/03/19 Javascript

详解如何用VUE写一个多用模态框组件模版

2018/09/27 Javascript

微信小程序实现滑动切换自定义页码的方法分析

2018/12/29 Javascript

JS实现指定区域的全屏显示功能示例

2019/04/25 Javascript

layui清空,重置表单数据的实例

2019/09/12 Javascript

Vue 解决在element中使用$notify在提示信息中换行问题

2020/11/11 Javascript

绘制微信小程序验证码功能的实例代码

2021/01/05 Javascript

Python基于identicon库创建类似Github上用的头像功能

2017/09/25 Python

django 删除数据库表后重新同步的方法

2018/05/27 Python

Django实现将一个字典传到前端显示出来

2020/04/03 Python

CSS3圆角和渐变2种常用功能详解

2016/01/06 HTML / CSS

CSS3 实现倒计时效果

2020/11/25 HTML / CSS

Java方面的关于数组和继承的笔面试题

2015/09/18 面试题

学生学习总结的自我评价

2013/10/22 职场文书

办公室助理岗位职责

2013/12/25 职场文书

买房子个人收入证明

2014/01/16 职场文书

超市后勤自我鉴定

2014/01/17 职场文书

纪念九一八事变演讲稿：青少年应树立远大理想

2014/09/14 职场文书

大三学年自我鉴定范文（3篇）

2014/09/28 职场文书

个人批评与自我批评

2014/10/15 职场文书

大国崛起日本观后感

2015/06/02 职场文书

怎样写观后感

2015/06/19 职场文书

2015年基层党建工作汇报材料

2015/06/25 职场文书

Spring Data JPA框架的核心概念和Repository接口

2022/04/28 Java/Android

Pandas实现批量拆分与合并Excel的示例代码

2022/05/30 Python