javascript在localhost中工作但在托管时不工作？

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
})