2017-08-06 28 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