首頁 > web前端 > js教程 > JS動態修改圖片的URL(src)的方法_javascript技巧

JS動態修改圖片的URL(src)的方法_javascript技巧

WBOY
發布: 2016-05-16 16:06:27
原創
2284 人瀏覽過

本文實例講述了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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板