![](/img/trans.png)
[英]Php and javascript working on localhost but not on hosted website
[英]javascript working in localhost but not when hosted?
我正在尝试在我的网站上实现一个简单的图像滑块,但它似乎不起作用。 什么都没发生。 到目前为止,我能想到的一切都没有奏效,所以我想在这里问。 这是我的代码。
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);
}
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
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.