编程 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实现的UBB编码函数

Mar 09 Javascript

stream.js 一个很小、完全独立的Javascript类库

Oct 28 Javascript

简介AngularJS中$http服务的用法

Feb 06 Javascript

纯js和css完成贪吃蛇小游戏demo

Sep 01 Javascript

Javascript中this绑定的3种方法与比较

Oct 13 Javascript

AngularJS过滤器filter用法总结

Dec 13 Javascript

jQuery实现html table行Tr的复制、删除、计算功能

Jul 10 jQuery

vue 自定义指令自动获取文本框焦点的方法

Aug 25 Javascript

微信小程序手机号码验证功能的实例代码

Aug 28 Javascript

微信小程序地图(map)组件点击(tap)获取经纬度的方法

Jan 10 Javascript

Vue2.0+Vux搭建一个完整的移动webApp项目的示例

Mar 19 Javascript

vue自定义右键菜单之全局实现

Apr 09 Vue.js

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 HTML代码串截取代码

2008/12/29 PHP

php数据库密码的找回的步骤

2011/01/12 PHP

CI框架学习笔记（二） -入口文件index.php

2014/10/27 PHP

PHP 中TP5 Request 请求对象的实例详解

2017/07/31 PHP

js模拟点击事件实现代码

2012/11/06 Javascript

浅谈Node.js中的定时器

2015/06/18 Javascript

javascript实现html页面之间参数传递的四种方法实例分析

2015/12/15 Javascript

javascript原型继承工作原理和实例详解

2016/04/07 Javascript

js选择器全面解析

2016/06/27 Javascript

Vue.js动态组件解析

2016/09/09 Javascript

JQuery PHP图片在线裁剪实例

2020/07/27 Javascript

vue + typescript + video.js实现流媒体播放视频监控功能

2019/07/07 Javascript

react quill中图片上传由默认转成base64改成上传到服务器的方法

2019/10/30 Javascript

JS数组方法push()、pop()用法实例分析

2020/01/18 Javascript

Django中实现一个高性能计数器(Counter)实例

2014/07/09 Python

python简单实现基数排序算法

2015/05/16 Python

Python爬虫中urllib库的进阶学习

2018/01/05 Python

python hbase读取数据发送kafka的方法

2018/12/27 Python

Python openpyxl模块原理及用法解析

2020/01/19 Python

Python IDE环境之新版Pycharm安装详细教程

2020/03/05 Python

Python logging日志模块配置文件方式

2020/07/12 Python

Application Cache未缓存文件无法访问无法加载问题

2014/05/31 HTML / CSS

Groupon法国官方网站：特卖和网上购物高达-70%

2019/09/02 全球购物

长曲棍球装备：Lacrosse Monkey

2020/12/02 全球购物

50道外企软件测试面试题

2014/08/18 面试题

Java基础知识面试题

2014/03/25 面试题

师范教师大学生职业生涯规划范文

2014/01/05 职场文书

生日宴会答谢词

2014/01/09 职场文书

年度考核自我评价

2014/01/25 职场文书

档案室主任岗位职责

2014/02/12 职场文书

绿色环保演讲稿

2014/05/10 职场文书

假期安全教育广播稿

2014/10/04 职场文书

爱晚亭导游词

2015/02/09 职场文书

美容院员工规章制度

2015/08/05 职场文书

javascript函数式编程基础

2021/09/15 Javascript

向Spring IOC 容器动态注册bean实现方式

2022/07/15 Java/Android