script标签的位置

时间 2019-11-12

标签 script 标签位置繁體版

原文原文链接

一、在咱们编写代码的时候，会在页面内使用<script>标签来写JS，虽然理论上script标签的位置放在哪里能够，可是仍是有一点区别的。javascript

二、为何不少人把script标签放在底部：html

　　初学者在学习JS的时候看见不少DEMO里面的script标签写在底部，可是却不是很清楚为何，下面来解释一下：前端

　　虽然理论上放在哪里都是能够的，可是对于前端页面优化来说，仍是放在底部是最佳的，由于若是JS执行出现错误了，最起码页面中的元素还能加载出来，由于DOM文档是从上往下的顺序执行的。 java

三、script标签在body标签内仍是外：浏览器

　　许多人认为只要放在底部了，不管是“body标签闭合以前”仍是在“body标签闭合以后”都是同样的，其实仍是有差异的，由于从HTML 2.0起放在“body标签闭合以后”就是不合标准的。之因此可是浏览器却不会报错，是由于若是在“body标签闭合以后”后再出现script或任何元素的开始标签，都是parse error，浏览器会忽略以前的</body>，即视做仍旧在body内。因此实际效果和写在“body标签闭合以前”以前是没有区别的。学习

　　因此，只要是让浏览器作了多余的事都是很差的，虽然差异细微，可是仍是应该按照标准来，放在“body标签闭合以前”。优化

下面咱们举个例子：spa

<!DOCTYPE HTML>
<html>
<head>
    <title> </title>
</head>
<body>


<script type="text/javascript"></script>    
</body>
</html>