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

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