为什么把<script></script>放到<head>标签里就无效啊？

源自：3-4 改变 HTML 样式

为什么把<script></script>放到<head>标签里就无效啊？

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>style样式</title>

<script type="text/javascript">

var mychar= document.getElementById("con");

mychar.style.color="red";

machar.style.backgroundColor="#CCC";

machar.style.width="300px";

</script>

</head>

<body>

<h2 id="con">I love JavaScript</H2>

<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>

</body>

</html>

提问者：qq_慕码人2278799 2022-01-04 10:14

个回答

iuhiiu

2022-04-25 15:02:46

script 是脚本（脚）的意思，他的功能是主要写逻辑的，应该防在body后面，不能放到head（头）里面。

0
茭白

2022-02-05 13:53:24

那里好像是放css的

0
豫章郡

2022-01-04 18:56:10

前面的兄弟说得对

0
新翼0510

2022-01-04 12:20:20

因为代码执行顺序是从上至下，执行var mychar= document.getElementById("con");的时候，还没找到con。执行到body部分后，下面没有代码，自然不回生效。

1