手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS动态修改图片的URL(src)的方法
JS动态修改图片的URL(src)的方法
摘要:本文实例讲述了JS动态修改图片的URL(src)的方法。分享给大家供大家参考。具体如下:下面的JS代码可以动态修改图片地址,以显示一张新的图...

本文实例讲述了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" 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)的方法】相关文章:

JavaScript点击按钮后弹出透明浮动层的方法

js+html5绘制图片到canvas的方法

js动态创建及移除div的方法

jquery预加载图片的方法

js兼容火狐显示上传图片预览效果的方法

javascript实现动态改变层大小的方法

JS选项卡动态替换banner图片路径的方法

JS验证IP,子网掩码,网关和MAC的方法

JS动画效果打开、关闭层的实现方法

JavaScript实现弹出模态窗体并接受传值的方法

精品推荐
分类导航