-------
放<head>中的情况：脚本会优先加载，但加载过程中，<body>还没加载完，会使脚本访问不到<body>中的元素。
放<body>底部：脚本在<body>加载后加载，能够保证脚本有效地访问<body>的元素。
-------
html渲染执行的顺序为从上到下的一个执行顺序，首先第一步执行head中的内容，如果有外联样式，则下载外联样式，如果有script标签，那么浏览器的渲染引擎则停止，交给JavaScript引擎执行，执行完毕之后将权力交给浏览器渲染。执行完head中的内容之后再执行body中的内容，遇到script标签则停止渲染，再次将执行权交给JavaScript引擎，head中样式在下载完毕后会重新渲染html的所有内容。
所以从上面可以看出，在head中使用script标签可能会导致DOM元素还没有加载，在script中就获取了DOM元素，那么就会出现获取不到元素的情况，如果是在body底部加载的话，那么此时的DOM元素已经全部渲染完毕，可以正常获取DOM元素。
---------
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
