这段幻灯片JavaScript代码为什么换到第二张图片就不换了?

发布网友发布时间：2023-09-27 18:49

共4个回答

热心网友时间：2024-11-26 06:24

这是因为 image.src 的返回值其实是一个完整的url，也就是图片的完整网址（由http开头的），并不是你想象中的只有a.png或者b.jpg的，所以如果网址的其余部分（比如域名）含有a，那么image.src.match("a")就会一直是true，即使图片已经变为b.jpg了。
所以改成这样就正常了： image.src.match("a.png") 和 image.src.match("b.jpg")
当然这样还是不够严谨的，比如遇到网址是这样的 .../xxa.png/b.jpg 那么上面的两种判断都会是true

热心网友时间：2024-11-26 06:24

这段代码直接打开文档可以正常运行，但当放到服务器中网址带有“a、b、c”等字符时就会出现问题。
match匹配到对应字符串返回该字符串。当判断是第一张图片就换为第二张，当前是第二张就换为第三张图片，当前是第三张就换为第一张，如此循环定时轮换。
但当src带网址时，可能只会循环前面的图片。

热心网友时间：2024-11-26 06:25

是解码的问题，在你match匹配前使用decodeURI方法

例如
let imgSrc = decodeURI(image.src)；
if (imgSrc.match("a"))
{
image.src="b.jpg";
}
else if(imgSrc.match("b"))
{
image.src="c.png";
}
else
{
image.src="a.png";
}

热心网友时间：2024-11-26 06:25

我感觉不会有什么问题。你确定你发出来的是你问出题东西吗。如果有问题都是match匹配的问题。