Javascript 图像不'；更改src属性时不显示_Javascript_Html

Javascript 图像不'；更改src属性时不显示

javascript html

Javascript 图像不'；更改src属性时不显示,javascript,html,Javascript,Html,因此，我必须制作一个按钮来更改我拥有的图像（然后我必须能够通过单击相同的按钮将其更改回以前的图像）。但是，图像更改时不会显示。下面是代码，如果没有很好地记住这是我第一次使用这个网站 //FUNCTIONS function changerPingouin(pingouin){ document.getElementById("pingouin").src='C:\Users\name\Desktop\images1/pingouin_rouge_grand.pn

因此，我必须制作一个按钮来更改我拥有的图像（然后我必须能够通过单击相同的按钮将其更改回以前的图像）。但是，图像更改时不会显示。下面是代码，如果没有很好地记住这是我第一次使用这个网站

//FUNCTIONS
    function changerPingouin(pingouin){        
    document.getElementById("pingouin").src='C:\Users\name\Desktop\images1/pingouin_rouge_grand.png';   
}
<body>
    <img src='C:\Users\name\Desktop\images1/pingouin_grand.png' id="pingouin">   
    <img src='C:\Users\name\Desktop\images1/pingouin_rouge_grand.png' id="pingouin_rouge">
<button onclick="changerPingouin();">
        Changer de Pingouin
</button>

//函数
函数更改pingouin（pingouin）{
document.getElementById（“pingouin”）.src='C:\Users\name\Desktop\images1/pingouin_rouge_grand.png'；
}
德平古因酒店

第一幅图显示了，我还有其他功能可以使用它。但是，当我单击按钮时，它不会显示其他图像。由于这个原因，我还没有开始另一次点击按钮将图像更改回第一个“pingouin_grand”的部分。谢谢。

错误：

/C:/UsersnameDesktopimages1/pingouin_rouge_grand.png:1 GET file:///C:/UsersnameDesktopimages1/pingouin_rouge_grand.png net::ERR_FILE_NOT_FOUND Image (async) changerPingouin @ Module_8PLs.html:21 onclick @ Module_8PLs.html:89

从错误中，找不到文件，因为读取的路径是

C:/UsersnameDesktopimages1/pingouin\u rouge\u grand.png

。目录之间没有反斜杠分隔

反斜杠需要转义。在JavaScript中，反斜杠用于转义特殊字符，例如换行符

（\n）

。如果要使用文字反斜杠，则必须使用双反斜杠。尝试将图像源更改为

'C:\\Users\\name\\Desktop\\images1\\pingouin\u rouge\u grand.png'

。对第一个图像执行相同操作。

在控制台中查找错误。如果没有，请显示GUI的屏幕截图，这样我们就可以直观地看到代码是如何工作的/C:/UsersnameDesktopimages1/pingouin_ruge_grand.png:1获取file:///C:/UsersnameDesktopimages1/pingouin_rouge_grand.png net:：ERR_FILE_NOT_FOUND Image（异步）changerPingouin@Module_8PLs.html:21 onclick@Module_8PLs.html:89