無法使用javascript更改img元素的src

我正嘗試編寫一段代碼，用於在頁面加載時用另一圖像替換圖像。但不幸的是，它不會發生。第二張圖片不加載。我只在頁面加載後看到帶有交叉標記的圖標。請看下面的代碼，讓我知道什麼是錯的。提前致謝。無法使用javascript更改img元素的src

<html>  
<head> 
<script type="text/javascript">  
function loadImage()  
{ 
    document.getElementById('ab').src ="C:\Users\Gagan\Desktop\green.png";  
} 
</script>  
</head>  
<body>  
<img Id= "ab" src="C:\Users\Gagan\Desktop\red.jpg" onload="loadImage()">  
</body>  
</html>

來源

2014-01-27 gaMa

對於這個問題的未來觀衆，我會建議unobtrusive JavaScript pattern這一點，其中onload在JavaScript中完全做到：

<html>  
<head> 
<script type="text/javascript"> 
var img = document.getElementById('ab');  
function loadImage()  
{ 
    img.src ="C:\\Users\\Gagan\\Desktop\\green.png";  
} 
img.onload = loadImage; 
</script> 
</head>  
<body>  
<img id="ab" src="C:\Users\Gagan\Desktop\red.jpg" alt="" />  
</body>  
</html>

來源

2014-01-27 18:57:39

在JavaScript中，反斜槓是轉義字符。如果您想將其包含在一個字符串，你必須使用自己逃吧：

document.getElementById('ab').src = "C:\\Users\\Gagan\\Desktop\\green.png";

來源

2014-01-27 18:51:33 Matt

無法使用javascript更改img元素的src

回答

相關問題