我正在做一個簡單的網(wǎng)站,改變點擊按鈕時顯示的圖像。但我的代碼似乎沒有工作,當(dāng)我點擊按鈕“點擊!alt文本被顯示,而不是圖像更改。圖像的來源是完全正常的,當(dāng)我使用相同的源腳本以外的圖像顯示。
<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>
您不應(yīng)從磁盤加載圖像。我們和其他人看不到。如果您使用相對路徑,并確保每個圖像和HTML文件都在同一目錄中,那應(yīng)該沒問題。即使你做,你必須指定 沒有 你應(yīng)該輸入 請不要使用該 現(xiàn)在我不知道你的代碼中的問題是什么,但是,有一個工作示例: <!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> 如果這兩個圖像和 |