我正在使用WOW Slider(免费版本)的脚本,如下所示:
var slideIndex = 0;
function showSlides() {
var i;
slides = document.getElementsByClassName("mySlides");
dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 3000); // Change image every 2 seconds
}
showSlides();
它似乎可以正常工作,但是当我在页面上进行SEO检查时,该行中有一个JavaScript错误:
slides[slideIndex-1].style.display = "block";
具体消息是:
" undurect typeerror:无法阅读不确定的属性'样式'。
这似乎在说slides
是未定义的,但似乎在变量声明中定义。
我有点像JavaScript的初学者,因此很高兴为此提供任何帮助。预先感谢。
如果任何人感兴趣,我已经通过评论两行代码解决了问题。首先,我拿出了有问题的线!当我检查所有样式表等时,没有将类别确定为" MySlides"的类,因此我认为这就是为什么要生成错误消息的原因。在我拿出这一行之后,错误消息随后卷入了下一行,然后我也将其删除,然后,没有产生错误的幻灯片节目仍然可以在各个方面完美地工作!因此,也许这是原始程序员意外留下的两行冗余代码!我必须承认我看不到它的工作原理,但是它确实如此!
尝试
<body onload="showSlides()">
从JS上的第二行删除:showSlides()