首页 >web前端 >js教程 >JS动态修改图片的URL(src)的方法_javascript技巧

JS动态修改图片的URL(src)的方法_javascript技巧

WBOY
WBOY原创
2016-05-16 16:06:272303浏览

本文实例讲述了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"    style="max-width:90%"  style="max-width:90%" alt="JS动态修改图片的URL(src)的方法_javascript技巧" >
<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程序设计有所帮助。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn