JS動(dòng)態(tài)修改圖片的URL（src）的方法
更新時(shí)間：2015年04月01日 11:07:45 作者：瘋狂一夏
這篇文章主要介紹了JS動(dòng)態(tài)修改圖片的URL（src）的方法,涉及javascript操作圖片src屬性的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JS動(dòng)態(tài)修改圖片的URL（src）的方法。分享給大家供大家參考。具體如下：
下面的JS代碼可以動(dòng)態(tài)修改圖片地址，以顯示一張新的圖片，實(shí)際上是通過(guò)修改圖片的src屬性來(lái)實(shí)現(xiàn)的
<!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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
Javascript讀取cookie函數(shù)代碼，需要的朋友可以參考下。2010-10-10
基于bootstrap實(shí)現(xiàn)廣告輪播帶圖片和文字效果
這篇文章主要介紹了基于bootstrap實(shí)現(xiàn)廣告輪播帶圖片和文字效果,效果非常棒，需要的朋友可以參考下2016-07-07
JS中數(shù)學(xué)計(jì)算精度問(wèn)題的解決方案
這篇文章主要給大家介紹了JS中數(shù)學(xué)計(jì)算精度問(wèn)題的解決方案,文中通過(guò)代碼示例和圖文結(jié)合給大家講解非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-12-12
本文給大家分享日常中比較熟悉的常用的幾個(gè)算法用JS的實(shí)現(xiàn)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-11-11
這篇文章主要介紹了JS中 new Date() 各方法的用法,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
這篇文章主要介紹了讓alert不出現(xiàn)彈窗的兩種方法,需要的朋友可以參考下2014-05-05
用js來(lái)獲取上傳的文件名其實(shí)純粹是為了美化，友好。但是，可不是網(wǎng)上流傳的那樣，用 path.substring()的方法，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了js與applet相互調(diào)用的方法,結(jié)合實(shí)例形式分析了js調(diào)用java的applet以及java調(diào)用js的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
JS/HTML5游戲常用算法之碰撞檢測(cè) 包圍盒檢測(cè)算法詳解【圓形情況】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測(cè) 包圍盒檢測(cè)算法,結(jié)合實(shí)例形式詳細(xì)分析了圓形包盒情況下的碰撞檢測(cè)算法相關(guān)原理與實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
這篇文章主要為大家詳細(xì)介紹了uniapp實(shí)現(xiàn)橫屏簽字版，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07