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