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

JS 创建对象(常见的几种方法)

Nov 03 Javascript

一个收集图片的bookmarlet(js 刷新页面中的图片)

May 27 Javascript

jQuery ajax调用WCF服务实例

Jul 16 Javascript

JavaScript编程学习技巧汇总

Feb 21 Javascript

DOM事件探秘篇

Feb 15 Javascript

JS实现复制功能

Mar 01 Javascript

Bootstrap警告框（Alert）插件使用方法

Mar 21 Javascript

关于javascript获取内联样式与嵌入式样式的实例

Jun 01 Javascript

浅谈Vue SPA 首屏加载优化实践

Dec 15 Javascript

JS简单实现查看文档创建日期、修改日期和文档大小的方法示例

Apr 08 Javascript

详解vue-cli 3.0 build包太大导致首屏过长的解决方案

Nov 10 Javascript

vuex 中插件的编写案例解析

Jun 10 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

全新的PDO数据库操作类php版（仅适用Mysql）

2012/07/22 PHP

php的crc32函数使用时需要注意的问题(不然就是坑)

2015/04/21 PHP

老版本PHP转义Json里的特殊字符的函数

2015/06/08 PHP

PHP页面输出搜索后跳转下一页的处理方法

2016/09/30 PHP

PHP实现的基于单向链表解决约瑟夫环问题示例

2017/09/30 PHP

JS 文件传参及处理技巧分析

2010/05/13 Javascript

jQuery.prototype.init选择器构造函数源码思路分析

2013/02/05 Javascript

基于javascript滚动图片具体实现

2013/11/18 Javascript

jQuery+css实现百度百科的页面导航效果

2014/12/16 Javascript

jQuery中find()方法用法实例

2015/01/07 Javascript

js简单实现Select互换数据的方法

2015/08/17 Javascript

JavaScript性能优化之小知识总结

2015/11/20 Javascript

js 奇葩技巧之隐藏代码

2017/08/11 Javascript

JavaScript 异步调用

2017/10/25 Javascript

JavaScript面向对象继承原理与实现方法分析

2018/08/09 Javascript

JQuery中DOM节点的操作与访问方法实例分析

2019/12/23 jQuery

在vue中封装的弹窗组件使用队列模式实现方法

2020/07/23 Javascript

[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16

2020/12/18 DOTA

Python使用Flask框架同时上传多个文件的方法

2015/03/21 Python

在Python中使用mechanize模块模拟浏览器功能

2015/05/05 Python

Python中Random和Math模块学习笔记

2015/05/18 Python

python套接字流重定向实例汇总

2016/03/03 Python

python中Pycharm 输出中文或打印中文乱码现象的解决办法

2017/06/16 Python

解决Python获取字典dict中不存在的值时出错问题

2018/10/17 Python

Django 后台带有字典的列表数据与页面js交互实例

2020/04/03 Python

Pandas中DataFrame基本函数整理(小结)

2020/07/20 Python

python进行二次方程式计算的实例讲解

2020/12/06 Python

HTML5为输入框添加语音输入功能的实现方法

2017/02/06 HTML / CSS

Unix里面如何在后台运行程序

2016/10/14 面试题

幼儿园保育员岗位职责

2014/04/13 职场文书

我爱我家教学反思

2014/05/01 职场文书

冬季作息时间调整通知

2015/04/24 职场文书

公诉意见书范文

2015/06/05 职场文书

浅谈Python基础之列表那些事儿

2021/05/11 Python

pytorch实现ResNet结构的实例代码

2021/05/17 Python

详解GaussDB for MySQL性能优化

2021/05/18 MySQL