2017-08-06 27 views
-1

我相對較新的HTML和Javascript,我目前在功能現在。 我試過這段代碼,但沒有打印任何東西。如果我使用一個按鈕,並保持document.get ...在一個函數內,它的工作原理是什麼?腳本代碼不工作(HTML)之前編號

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<script> 
 
document.getElementById("demo").innerHTML = "Javasc"; 
 
</script> 
 

 
<p> 
 
hey 
 
</p> 
 

 
<p id="demo"></p> 
 

 

 

 
</body> 
 
</html>

+0

添加head標籤了。還要在關閉body標籤後嘗試運行你的代碼。 –

+0

@Princesodhi'頭部'標籤可以省略,如果頭是空的。 – Nick

回答

0

嘗試調用你的函數上的window.onload可能。像這樣的:

<!DOCTYPE html> 
<html> 
<body> 

<script> 
window.onload = function(){ 
document.getElementById("demo").innerHTML = "Javasc"; 
     }; 

</script> 

<p> 
hey 
</p> 

<p id="demo"></p> 



</body> 
</html> 

你必須讓頁面呈現,然後調用方法。

或將腳本標籤在年底

<!DOCTYPE html> 
<html> 
<body> 


<p> 
hey 
</p> 

<p id="demo"></p> 


<script> 
document.getElementById("demo").innerHTML = "Javasc"; 
</script>  
</body> 
</html> 
+0

謝謝,但它工作,即使我刪除該window.onload()。爲什麼它工作時,我使用函數,但不只是聲明。 – dicedlithium

+0

@dicedlithium因爲這就是Javascript的工作原理。函數在需要的時候被調用,而不是在頁面加載到那一刻時運行的代碼。 – Ian