javascript工作在本地主机，但不能托管？

Question

I'm trying to implement a simple image slider on my website but it doesn't seem to want to work. Nothing happens at all. Nothing I can think of has worked thus far so I thought I'd ask here. This is my code.

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 is pretty cheesy because nobody seems to agree on what onload actually means.

i would recommend you use

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

Another thing u should be aware of is slow loading. If the scripts gets loaded after the ready event has been fired then your code will never trigger.

A solution is wrapping the ready function is a seperate module.

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

and then use the module like:

eventReady(function(){
    // code
})