同樣的js代碼,需要在頁面加載之后執(zhí)行,放在body底部就能實(shí)現(xiàn),但是設(shè)置外部js文件就不行?
<script>
var content = document.getElementById("content");
var liHeight = 34; //因?yàn)樵O(shè)置了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底部可以執(zhí)行,但是設(shè)置一個(gè)外部js文件,把所有代碼寫在window.onload = function{ }中報(bào)錯(cuò),說startMove沒有定義?
2016-09-04
因?yàn)閛nload事件處理函數(shù)執(zhí)行結(jié)束之后,其內(nèi)部定義的屬性和方法也就無法再訪問了,而且,結(jié)尾處的“setTimeout()”方法傳入的第一個(gè)參數(shù)是一句調(diào)用方法的代碼,而不是一個(gè)匿名內(nèi)部方法。
嘗試一下,把startMove()和scrollUp()抽取出來,不要在onload事件的處理方法中定義,onload事件處理方法只用來執(zhí)行“setTimeout("startMove()",2000);”,開啟滾動(dòng)效果。
或者,把“scrollUp()”定義為“startMove()”中的匿名內(nèi)部方法,之后再把startMove()定義為“setTimeout()”中的匿名內(nèi)部方法。
希望對(duì)你有幫助!