Question

我知道HTML是逐行读取的。当您链接多个CSS文件（如规范化文件和样式表文件）时，由于CSS的重要性和源代码的顺序，样式表文件应在规范化文件之后进行链接。看来这不会影响链接的JavaScript文件。我可以按任何顺序链接我的JavaScript文件吗？

<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Musical Playlist</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1>My Music Playlist</h1>
<div id="listDiv">

</div>
<script src = "js/helpers.js"></script>
<script src = "js/playlist.js"></script>
</body>
</html>

Answer 1

在某些情况下，您可以交换订单而不会出现问题，但是如前所述，如果您要使用框架/工具/ ...，则其余代码必须可用才能运行，应该早些包含。 / p>

这也是为什么某些脚本要包含在页面的<head>中而不是在<body>末尾的原因，否则它们在需要时将不可用。

JS文件中的依赖项也是如此，假设我有一个文件menu.js，该文件带有config.js中的配置变量，我必须在{之前加上config.js {1}}，以防止出现问题和未定义的变量。

Answer 2

如果您打算使用任何JavaScript框架，请确保已在主要JavaScript文件之前将其链接。每个JavaScript链接都是按顺序读取的，因此，如果您在链接框架之前尝试运行包含框架功能的主JavaScript文件，则该文件将无效。

除此之外，如果您的JavaScript文件仅填充了函数，则它们的链接顺序无关紧要。除非您的JavaScript文件之一在网站加载时运行并执行，否则应首先运行。

JavaScript链接VS CSS链接

2 个答案: