電 話：0632-5272123
傳 真：0632-5271123
地 址： 棗莊市文化西路23號
E-mail：zzint@zzint.com
傳 真：0632-5271123
地 址： 棗莊市文化西路23號
E-mail：zzint@zzint.com
- 技術咨詢：
- 業務咨詢：
- 客戶服務：
- 服務監督：
Javascript改變圖像源不工作
我正在做一個簡單的網站，改變點擊按鈕時顯示的圖像。但我的代碼似乎沒有工作，當我點擊按鈕“點擊！alt文本被顯示，而不是圖像更改。圖像的來源是完全正常的，當我使用相同的源腳本以外的圖像顯示。
<head>
<title>Pic Change</title>
<meta charset="utf-8">
<meta name="Pic Change">
<meta name="keywords" content="face,PES">
<meta name="author" content="Thalle">
<meta name="viewport" content="width=device-width,initial-scale=1.0"></head><body class="body" style="background-color:#4682B4">
<script>
function display(whichimage){
if(whichimage == 0){
document.getElementById('Click').src="C:\Users\Rajesh Talesara\Desktop\My Disc\Memes\Animals\initial.jpeg"
}
else{
document.getElementById('Click').src="C:\Users\Rajesh Talesara\Desktop\My Disc\Memes\Animals\Whenlife.jpeg"
}
}
</script>
<image id="Click" src="C:\Users\Rajesh Talesara\Desktop\My Disc\Memes\Animals\initial.jpg" alt="Click Button to click picture" style="width:300px;height:300px" >
<p>
<button type="button" onclick="display(1)">Click!</button>
<button type="button" onclick="display(0)">Reset</button>
</p></body></html>您不應從磁盤加載圖像。我們和其他人看不到。如果您使用相對路徑，并確保每個圖像和HTML文件都在同一目錄中，那應該沒問題。即使你做，你必須指定 沒有 你應該輸入 請不要使用該 現在我不知道你的代碼中的問題是什么，但是，有一個工作示例： <!DOCTYPE html><html>
<title>Pic Change</title>
<script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelector("button").addEventListener("click", function() {
document.querySelector("img").setAttribute("src", "file://C:/Data/300x300-colored.png");
});
});
</script>
<p><img src="file://C:/Data/300x300.png" /></p>
<p><button type="button">Click!</button></p></html>如果這兩個圖像和 |
上篇文章：在圖像html5中定義對象
下篇文章：Snapchat
版權所有 棗莊市英特信息網絡有限公司 ◎2017
聯系電話：0632-5271123 5272123 總部地址：棗莊市市中區文化西路23號
魯ICP備09021689號 增值電信業務經營許可證編號：魯 B2-20080087號
聯系電話：0632-5271123 5272123 總部地址：棗莊市市中區文化西路23號
魯ICP備09021689號 增值電信業務經營許可證編號：魯 B2-20080087號