404 JavaScript问题

Question

我有一个奇怪的问题。 有时出现错误404。但并不总是这就是奇怪的部分..

我用javaScript创建了一个页面，并在页面的末尾用这个java脚本函数更改图像

 var backGround = ['img/wall1.jpg', 'img/wall2.jpg', 'img/wall3.jpg'];

       var header = document.getElementById('headerBlanco');    

       var i = 0;

    setInterval(function(){

        if(i !== backGround.length - 1){
            i++;
        }else{
            i = 0;
        }

        header.style.backgroundImage = 'url(' + backGround[i] + ')';

    }, 6000);

它像我想要的那样工作，但有时浏览器无法找到图像并出现错误404 ..

无法加载资源：服务器响应状态为404（未找到）

有人可以解释一下为什么会发生这种情况吗？

这是您可以看到它的网站。 您需要单击按钮才能看到它。

http://www.leerappel.nl

Answer 1

您在评论中提到的错误是由header null造成的。这意味着document.getElementById('headerBlanco')会产生null。这意味着headerBlanco不一定存在。确保元素存在且url正确无误。而且，而不是

if(i !== backGround.length - 1){
    i++;
}else{
    i = 0;
}

你可以这样做：

i = (i + 1) % backGround.length;

编辑：

事实证明我误解了这种情况。我错误地认为问题的第一个评论是作者提出的。由于该项目具有值，因此404很可能归因于互联网连接问题。