JS動(dòng)態(tài)修改圖片的URL(src)的方法
本文實(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)文章
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-06javascript使用eval或者new Function進(jìn)行語(yǔ)法檢查
使用代碼來(lái)實(shí)現(xiàn)分析代碼的語(yǔ)法,這是一件極其痛苦的事情。簡(jiǎn)單的解決辦法是:使用腳本引擎自己的語(yǔ)法檢查,比方說(shuō)eval( ) 或者new Function( )。2010-10-10D3.js實(shí)現(xiàn)餅圖,環(huán)圖,玫瑰圖的繪制
這篇文章主要為大家介紹了如何利用D3.js中的d3.pie和d3.arc實(shí)現(xiàn)餅圖、環(huán)圖和玫瑰圖的繪制,文中的實(shí)現(xiàn)方法講解詳細(xì),感興趣的可以嘗試一下2022-11-11Summernote實(shí)現(xiàn)圖片上傳功能的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇Summernote實(shí)現(xiàn)圖片上傳功能的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07JavaScript實(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基于Bootstrap的標(biāo)簽頁(yè)組件及bootstrap-tab使用說(shuō)明
這篇文章主要介紹了基于Bootstrap的標(biāo)簽頁(yè)組件及bootstrap-tab使用說(shuō)明,需要的朋友可以參考下2017-07-07