编程 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 的 trim 函数的代码

Aug 13 Javascript

锋利的jQuery 要点归纳（三） jQuery中的事件和动画（上：事件篇）

Mar 24 Javascript

js prototype截取字符串函数

Apr 01 Javascript

JavaScript 选中文字并响应获取的实现代码

Aug 28 Javascript

兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码

Nov 30 Javascript

Js数组的操作push,pop,shift,unshift等方法详细介绍

Dec 28 Javascript

jQuery内容过滤选择器用法示例

Sep 09 Javascript

第一次接触神奇的Bootstrap

Oct 14 Javascript

JQuery实现ajax请求的示例和注意事项

Dec 10 jQuery

Vue实现点击按钮复制文本内容的例子

Nov 09 Javascript

Jquery让form表单异步提交代码实现

Nov 14 jQuery

微信小程序自定义yPicker组件实现省市区三级联动功能

Oct 29 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防注入安全代码

2008/04/09 PHP

php导入csv文件碰到乱码问题的解决方法

2014/02/10 PHP

PHP实现本地图片转base64格式并上传

2020/05/29 PHP

Firefox下提示illegal character并出现乱码的原因

2010/03/25 Javascript

jquery选择器排除某个DOM元素的方法（实例演示）

2014/04/25 Javascript

js 通过html()及text()方法获取并设置p标签的显示值

2014/05/14 Javascript

jQuery响应鼠标事件并隐藏与显示input默认值

2014/08/24 Javascript

详谈javascript中DOM的基本属性

2015/02/26 Javascript

js实现简单的左右两边固定广告效果实例

2015/04/10 Javascript

Node.js的Express框架使用上手指南

2016/03/12 Javascript

浅述节点的创建及常见功能的实现

2016/12/15 Javascript

浅谈JavaScript的自动垃圾收集机制

2016/12/15 Javascript

Vue.js项目部署到服务器的详细步骤

2017/07/17 Javascript

webpack处理 css\less\sass 样式的方法

2017/08/21 Javascript

老生常谈JavaScript面向对象基础与this指向问题

2017/10/16 Javascript

在 Angular6 中使用 HTTP 请求服务端数据的步骤详解

2018/08/06 Javascript

Vue2.0学习系列之项目上线的方法步骤(图文)

2018/09/25 Javascript

javascript实现遮罩层动态效果实例

2019/05/14 Javascript

jquery.pager.js实现分页效果

2019/07/29 jQuery

JS中的算法与数据结构之二叉查找树（Binary Sort Tree）实例详解

2019/08/16 Javascript

浅谈Vue 自动化部署打包上线

2020/06/14 Javascript

jQuery实现评论模块

2020/08/19 jQuery

神经网络(BP)算法Python实现及应用

2018/04/16 Python

sklearn的predict_proba使用说明

2020/06/28 Python

Python scrapy爬取小说代码案例详解

2020/07/09 Python

Python 实现劳拉游戏的实例代码（四连环、重力四子棋）

2021/03/03 Python

阿根廷首家户外用品制造商和经销商：Montagne

2018/02/12 全球购物

C#实现启动一个进程

2016/10/01 面试题

幼师求职自荐信范文

2014/01/26 职场文书

小班幼儿评语大全

2014/04/30 职场文书

店铺转让协议书

2015/01/29 职场文书

2015年汽车销售经理工作总结

2015/04/27 职场文书

采购部2015年度工作总结

2015/07/24 职场文书

2016年第32个教师节红领巾广播稿

2015/12/18 职场文书

德劲DE1102数字调谐收音机机评

2022/04/07 无线电

JavaScript圣杯布局与双飞翼布局实现案例详解

2022/08/05 Javascript