同樣的js代碼,需要在頁面加載之后執行,放在body底部就能實現,但是設置外部js文件就不行?
<script>
var content = document.getElementById("content");
var liHeight = 34; //因為設置了li與li之間的間距是10px,所以是34px。
//alert(content.innerHTML);
content.innerHTML += content.innerHTML;
content.scrollTop = 0;
var time;
function startMove(){
content.scrollTop++;
time = setInterval("scrollUp()",50);
}
function scrollUp(){
if(content.scrollTop % liHeight == 0){
clearInterval(time);
setTimeout("startMove()",2000);
}else{
content.scrollTop++;
if(content.scrollTop >= content.scrollHeight/2){ //scrollHeight是元素完整高度,offsetHeight是元素可見部分高度
content.scrollTop = 0;
}
}
}
setTimeout("startMove()",2000);
</script>
放在body底部可以執行,但是設置一個外部js文件,把所有代碼寫在window.onload = function{ }中報錯,說startMove沒有定義?
2016-09-04
因為onload事件處理函數執行結束之后,其內部定義的屬性和方法也就無法再訪問了,而且,結尾處的“setTimeout()”方法傳入的第一個參數是一句調用方法的代碼,而不是一個匿名內部方法。
嘗試一下,把startMove()和scrollUp()抽取出來,不要在onload事件的處理方法中定義,onload事件處理方法只用來執行“setTimeout("startMove()",2000);”,開啟滾動效果。
或者,把“scrollUp()”定義為“startMove()”中的匿名內部方法,之后再把startMove()定義為“setTimeout()”中的匿名內部方法。
希望對你有幫助!