为什么网页中css写在页面的头部而javascript写在尾部
6个回答
展开全部
我想说一下我的看法，关于JavaScript写在尾部的。
至于为什么CSS写在头部，是因为浏览器预先加载CSS后，可以不必等待HTML加载完毕就可以开始渲染页面了。
至于JavaScript写在尾部，这是因为JS主要扮演事件处理的功能。这样的话，页面渲染的时候和JS没有关系，放在后面慢慢加载，不要影响更重要的CSS和HTML的加载。
BUT！
但是，现在随着JS技术的发展，JS也开始承担起页面渲染的工作了，比如JQuery UI之类。如果这类JS加载需要很长时间，就会影响用户的体验，因为用户看到的是一个渲染不完全的界面。
所以，需要把JS区分看待，承担页面渲染工作的JS和承担事件处理的JS要区分看待。
我的建议是，缓存类似JQuery UI这样的静态文件，剥离渲染页面的JS和事务处理的JS。
渲染页面的JS放在前面，事务处理的JS放在后面，HTML代码可以放在两者中间，或者两者之前，只要保证DOM加载后能迅速进行JS渲染就可以了。
至于为什么CSS写在头部，是因为浏览器预先加载CSS后，可以不必等待HTML加载完毕就可以开始渲染页面了。
至于JavaScript写在尾部，这是因为JS主要扮演事件处理的功能。这样的话，页面渲染的时候和JS没有关系，放在后面慢慢加载，不要影响更重要的CSS和HTML的加载。
BUT！
但是，现在随着JS技术的发展，JS也开始承担起页面渲染的工作了，比如JQuery UI之类。如果这类JS加载需要很长时间，就会影响用户的体验，因为用户看到的是一个渲染不完全的界面。
所以，需要把JS区分看待，承担页面渲染工作的JS和承担事件处理的JS要区分看待。
我的建议是，缓存类似JQuery UI这样的静态文件，剥离渲染页面的JS和事务处理的JS。
渲染页面的JS放在前面，事务处理的JS放在后面，HTML代码可以放在两者中间，或者两者之前，只要保证DOM加载后能迅速进行JS渲染就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没有说javascript文件就一定要写在尾部，只是你这个js需要在文档全部加载以后再执行的，才有可能加载在尾部，
主要放在头部还是尾部取决于一个加载顺序，你也知道，一个网页毕竟也是有大小的，在网页传输过程当中，浏览器会先加载html，当加载头部以后会同步加载头部中引用的文件，等html全部加载以后再去下载html中的其他文件包括图片这些。
一般的网站的话，也不会随意的把JS文件放到HTML的尾部，至于必要的时候才这么做，好的前端，一般css，JS，html都是分的很清楚的，javascript的执行顺序也会由javascript代码来进行控制，不牵制于网页HTML的加载速度的，。
主要放在头部还是尾部取决于一个加载顺序，你也知道，一个网页毕竟也是有大小的，在网页传输过程当中，浏览器会先加载html，当加载头部以后会同步加载头部中引用的文件，等html全部加载以后再去下载html中的其他文件包括图片这些。
一般的网站的话，也不会随意的把JS文件放到HTML的尾部，至于必要的时候才这么做，好的前端，一般css，JS，html都是分的很清楚的，javascript的执行顺序也会由javascript代码来进行控制，不牵制于网页HTML的加载速度的，。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
网页中css写在页面的头部而javascript写在尾部，这个的话，其实不是一定的，这只是一个网页设计中，约定俗成的，这样都方便大家对代码的阅读，还有就是一般的JS的话，如果你放在前面他会在页面都没加载完就会调用JS，因为造成错误，当然你加个window.onload的事件，这样JS就会在html加载完之后，才会执行，这里我写一段代码
<html>
<head>
<style>
p{
font-size:12px;
}
</style>
</head>
<script>
window.onload = function(){ //加了这个window就问题的
alert('a');
}
</script>
<body>
<p>我是测试文字</p>
</body>
</html>
<html>
<head>
<style>
p{
font-size:12px;
}
</style>
</head>
<script>
window.onload = function(){ //加了这个window就问题的
alert('a');
}
</script>
<body>
<p>我是测试文字</p>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把CSS放在头部，可以让页面根据CSS样式逐步渲染；如果放在底部，要全部加载完成，才能渲染页面，这样有可能会看到没有样式的页面。
把JS放在底部，是因为浏览器在下载脚本文件时，不会启动其他任何的下载任务，放在底部有助页面加载速度。
你可以使用YSlow，雅虎出的关于网页性能的工具，上面就有介绍。
把JS放在底部，是因为浏览器在下载脚本文件时，不会启动其他任何的下载任务，放在底部有助页面加载速度。
你可以使用YSlow，雅虎出的关于网页性能的工具，上面就有介绍。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
JS有时候需要操作网页标签，此时执行JS的时候，网页还没有生成，会失败。所以放在前面还是后面要看他的执行顺序。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
