Question

我正在尝试在我的网站上实现一个简单的图像滑块，但它似乎不想工作。什么都没发生。到目前为止，我无法想到任何事情，所以我想我会问这里。这是我的代码。

window.onload = function(){
   image = document.getElementById("slideShow");
   index = 0;

   setInterval(slide, 3000);
};

function slide(){
    index++;
    if(index >= 6) {index = 0;}
    path = "images/Slideshow/image"+index+".jpeg";

    image.setAttribute("src",path);
}

Answer 1

window.onload非常俗气，因为没有人似乎同意onload实际意味着什么。

我建议你使用

document.addEventListener("DOMContentLoaded", function(){
    // code
});

你应该注意的另一件事是装载缓慢。如果在触发就绪事件后加载脚本，则代码将永远不会触发。

解决方案是将ready函数包装成一个单独的模块。

var eventReady;
(function(){
    var funcArr = [];
    eventReady = function(func){
        funcArr.push(func);
    }
    document.addEventListener("DOMContentLoaded", function(){
        for(var i=0;i<funcArr.length;i++){
            try{
                funcArr[i]();
            }
            catch(e){
                throw(e);
            }
            finally{
                continue;
            }
        };
        eventReady = function(func){
            func();
        }
    });
})();

然后使用类似的模块：

eventReady(function(){
    // code
})

javascript在localhost中工作但在托管时没有？

1 个答案: