如何知道javascript是否位于<head>或html的底部?

new*_*ool 0 html javascript

我有<head>很多.css,.js和元数据。但是只有一个脚本,如果将其放在<head>html中,将无法正常运行。它只有在文件末尾时才起作用。

我想知道的是,如果有任何有关此文档或特殊类型的规则的文档,作为初学者Web设计人员应遵循。

<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>
Run Code Online (Sandbox Code Playgroud)

Ran*_*urn 6

解决此问题的现代方法是使用deferscript标记上的属性。将所有标签放入<head>

从MDN

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

所以这:

<script src="js/secret.js"></script>
Run Code Online (Sandbox Code Playgroud)

变成这个:

<script defer src="js/secret.js"></script>
Run Code Online (Sandbox Code Playgroud)

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