gpt4 book ai didi

javascript - 使用 javascript 更改图像时未加载 img

转载 作者:太空宇宙 更新时间:2023-11-03 20:14:43 25 4
gpt4 key购买 nike

这是我的代码,我不明白其中有什么问题。

<html>
<body>
<script type="text/javascript">
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match("bulbon")) {
image.src = "C:\Users\ashokch\Desktop\light_bulb_off3.jpg";
} else {
image.src = "C:\Users\ashokch\Desktop\bulbon.png";
}
}
</script>

<img id="myImage" onclick="changeImage()"
src="C:\Users\ashokch\Desktop\light_bulb_off3.jpg" width="100" height="180">


<p>Click the light bulb to turn on/off the light</p>

</body>
</html>

当页面进入浏览器时显示默认图像,但当我单击图像时更改图像未加载

最佳答案

您没有使用有效的文件协议(protocol) (file:///C:/mydir/index.html) 来访问这些文件。正如其他人所说,将它们“下一个”移动到您的 html 文件,只使用不带路径的文件名(例如 light_bulb_off3.jpg),或者将您的路径更改为有效的路径(例如 file:///C:/Users/ashokch/桌面/light_bulb_off3.jpg)

关于javascript - 使用 javascript 更改图像时未加载 img,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23500910/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com