时间戳

首页 > 解决方案 > 如何知道 javascript 是否应该位于 html 的底部或底部？

javascript - 如何知道 javascript 是否应该位于 html 的底部或底部？

问题描述

我有一个<head>完整的 .css、.js 和元数据。但是只有一个脚本如果放在<head>html 中将无法正常运行。仅当它位于文件末尾时才有效。

我想知道的是，如果有任何关于此的文档或我作为初学者网页设计师应该遵循的特殊类型的规则。

<html>
<head>
 <link href="css/style.css" rel="stylesheet">
 <link href="css/style2.css" rel="stylesheet">
 <script src="js/script.js"></script>
 <script src="js/scipt2.js"></script>
</head>
<body>
<----------HTML---------->
</body>
 <script src="js/secret.js"></script>
</html>

标签： javascripthtml

解决方案

解决此问题的现代方法是使用defer脚本标签上的属性。把你所有的标签放在<head>

来自 MDN：

此布尔属性设置为向浏览器指示脚本将在文档被解析之后但在触发 DOMContentLoaded 之前执行。

所以这：

<script src="js/secret.js"></script>

变成这样：

<script defer src="js/secret.js"></script>

但是标签现在进入<head>.

推荐阅读