<!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)文章

JS判斷移動(dòng)端訪問(wèn)設(shè)備并加載對(duì)應(yīng)CSS樣式
JS判斷不同web訪問(wèn)環(huán)境，主要針對(duì)移動(dòng)設(shè)備，提供相對(duì)應(yīng)的解析方案，本例是加載不同的css樣式
2014-06-06
javascript使用eval或者new Function進(jìn)行語(yǔ)法檢查
使用代碼來(lái)實(shí)現(xiàn)分析代碼的語(yǔ)法，這是一件極其痛苦的事情。簡(jiǎn)單的解決辦法是：使用腳本引擎自己的語(yǔ)法檢查，比方說(shuō)eval( ) 或者new Function( )。
2010-10-10
ES6中參數(shù)的默認(rèn)值語(yǔ)法介紹
這ES6允許為函數(shù)參數(shù)設(shè)置默認(rèn)值，即直接寫在參數(shù)定義后面。下面篇文章主要介紹了ES6中參數(shù)默認(rèn)值語(yǔ)法的相關(guān)資料，對(duì)大家具有一定的參考價(jià)值，需要的朋友下面來(lái)一起看看吧。
2017-05-05
D3.js實(shí)現(xiàn)餅圖,環(huán)圖,玫瑰圖的繪制
這篇文章主要為大家介紹了如何利用D3.js中的d3.pie和d3.arc實(shí)現(xiàn)餅圖、環(huán)圖和玫瑰圖的繪制，文中的實(shí)現(xiàn)方法講解詳細(xì)，感興趣的可以嘗試一下
2022-11-11
Summernote實(shí)現(xiàn)圖片上傳功能的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇Summernote實(shí)現(xiàn)圖片上傳功能的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
js判斷url是否有效的兩種方法
本篇文章主要是對(duì)js判斷url是否有效的兩種方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-03-03
JavaScript實(shí)現(xiàn)像雪花一樣的Hexaflake分形
這篇文章主要介紹了JavaScript實(shí)現(xiàn)像雪花一樣的Hexaflake分形，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-07-07
基于JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
$$()函數(shù)應(yīng)用實(shí)例
$$()函數(shù)應(yīng)用實(shí)例...
2006-10-10
基于Bootstrap的標(biāo)簽頁(yè)組件及bootstrap-tab使用說(shuō)明
這篇文章主要介紹了基于Bootstrap的標(biāo)簽頁(yè)組件及bootstrap-tab使用說(shuō)明,需要的朋友可以參考下
2017-07-07