一般来说，脚本最好放在<head>标签中，但是有时候脚本初始化要用到<body>当中的节点，由于当<head>加载时<body>是未被加载的，所以引致脚本运行出错，以下为错误代码

<html>
<head>
  <script type="text/javascript">
    alert("body's id = "+document.body.id);
  </script>
</head>
<body id="test">
</body>
</html>

alert消息框未被弹出

 

方法1:在<script>标签处要加一个defer参数，使<script>中的代码延时执行，在页面加载完成后才被执行

<html>
<head>
  <script defer type="text/javascript">
    alert("body's id = "+document.body.id);
  </script>
</head>
<body id="test">
</body>
</html>

 

方法2:而另一种做法就是将<script>放到<body>后面

<html>
<head>
</head>
<body id="test">
</body>

<script type="text/javascript">
  alert("body's id = "+document.body.id);
</script>
</html>

这样其实是同样道理，就是在加载完<body>后再加载<script>的内容

 

方法3:当然也可以用window.onload来延时执行，这里暂时不作介绍