求解各位大神，把js的位置像css那样放，为什么不可以？

源自：1-1 为什么学习JavaScript

求解各位大神，把js的位置像css那样放，为什么不可以？

<!doctype html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>初识css</title>
	<script type="text/javascript">
	document.write("hello");
	document.getElementById("p1").style.color="blue";
	</script>
	
</head>
<body>
<p id="p1">我是第一段文字</p>
<p id="p2">我是第二段文字</p>
</body>
</html>
为什么P1不显示为蓝色？而css这样的格式就可以呢

提问者：qq_笛_0 2016-01-02 16:57

个回答

迷途的马尔斯

2016-01-02 17:16:21

已采纳

因为浏览器是从上到下渲染页面的，body还没加载，所以你的脚本找不到body的内容

0
qq_笛_0

2016-01-02 21:52:29

谢谢各位，后面的章节是这么解释的：javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的

0
苏伊士运河

2016-01-02 18:07:58

HTML可以理解为面向过程的

0