簡單的JavaScript不工作 - 令人沮喪！

Question

有人可以幫我弄這個簡單的倒數計時器工作，Firebug是抱怨：document.counter未定義

<script> 
<!-- 
// 
var milisec=0 
var seconds=30 
document.counter.d2.value='30' 

function display(){ 
if (milisec<=0){ 
    milisec=9 
    seconds-=1 
} 
if (seconds<=-1){ 
    milisec=0 
    seconds+=1 
} 
else 
    milisec-=1 
    document.counter.d2.value=seconds+"."+milisec 
    setTimeout("display()",100) 
} 
display() 
--> 
</script> 


<form name="counter"><input type="text" size="8" 
name="d2"></form> 

Answer 1

確實，document.counter不存在，因爲你的腳本正在HTML DOM之前調用被加載。

你需要把你的JS裏面的一個函數，將被調用onload。

而不是調用display()的把這個在你的腳本的底部：

window.onload = display; 

此外，<!---->的意見沒有被周圍所需要的JS代碼爲至少10年......

Answer 2

將該表格放置在腳本之前...

Answer 3

要麼在腳本結尾處有腳本，要麼：

window.onload = function() { 
    var milisec=0; 
    var seconds=30 ; 
    document.forms["counter"].elements["d2"].value='30'; 
} 

Answer 4

您可能想要移動到jQuery來幫助跨瀏覽器發出
JQuery $(document).ready()