关于Web优化的问题,JS脚本的引用代码,放在HTML底部哪里

都说CSS放HTML上面,JS脚本的引用,放在HTML的下面。可是,到底是放下面哪里?是HTML标签外面?还是head标签里面的最下面?... 都说CSS放HTML上面,JS脚本的引用,放在HTML的下面。
可是,到底是放下面哪里?是HTML标签外面?还是head标签里面的最下面?
展开
 我来答
然后去远足
推荐于2016-04-12 · TA获得超过1万个赞
知道大有可为答主
回答量:4016
采纳率:83%
帮助的人:2468万
展开全部
<html>
<head>
    <!-- 此处引入CSS -->
</head>
<body>
    <!-- 正文内容 -->
    <!-- 此处引入JS,在正文结尾 -->
</body>
</html>


但不是所有的JS都需要放在文档尾部的,放在尾部的原因有两点:

  1. 现在主流浏览器都支持并行下载,head引入的文件会在多个线程中同时下载,如果你有某几个JS存在相互依存关系,比如a.js里调用b.js里的某个函数,或是操作某个还在加载中的DOM元素,如果并行下载b.js没下载完或DOM没加载完时a.js已经开始执行了,此时会出错。所以放在尾部等到整个文档加载完(注意引入的顺序)才执行。

  2. HTML是瀑布流式加载的,即从上到下顺序加载,如果你某一个跟主要功能无关(比如流量统计)的JS放在页面开始时加载,那么页面会一直等待,直到这个JS完全加载完毕才会继续加载其他内容,这样很影响用户的体验。

百度网友b13c4f5
2015-09-16 · 超过19用户采纳过TA的回答
知道答主
回答量:68
采纳率:0%
帮助的人:21.9万
展开全部
css和js <head></head>和 <html></html>里的都可以放 css js一般是放在<head></head>里,这样会先加载 但是有些js要后加载,先等html文档树加载完才起作用,所以一定要放在底部的</html>前
关于优化 跟这个关系不大 主要是控制css js 文件的大小,可以提取公共css部分和js部分 以及合并多个js或css等 尽量减少外部调用数量 尽量保持页面小 css js 涉及到的就是尽量小不出错,保障加载的快
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
水的就是你X
2015-09-16 · TA获得超过863个赞
知道小有建树答主
回答量:901
采纳率:66%
帮助的人:507万
展开全部
放在</html>前面就行。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式