JavaScript 链接 VS CSS 链接

标签 javascript html css

我知道 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>

最佳答案

如果您计划使用任何 JavaScript 框架,请确保它在您的主要 JavaScript 文件之前被链​​接。每个 JavaScript 链接都是按顺序读取的,因此如果您尝试在链接框架之前运行包含框架函数的主 JavaScript 文件,它是行不通的。

除此之外,如果您的 JavaScript 文件只是简单地填充函数,那么您将它们链接到什么顺序并不重要。除非您的 JavaScript 文件之一在网站加载时运行并执行,而该文件应首先运行。

关于JavaScript 链接 VS CSS 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55376264/

相关文章:

javascript - 使用退格键或删除按钮时提交按钮颜色不改变

html - 具有功能面包屑导航的纯 css 多层菜单

html - 如何更改 Material-UI 中的文本字段焦点样式?

javascript - 为什么这些 console.log 语句不起作用? Electron

javascript - 我怎样才能在 webpack 配置中获取 lang html 属性

php - 如何创建下载计数器

html - 专门为移动 View 创建了一个导航,但它仍然显示在桌面 View 中

javascript - 使用 jQuery 在单击时换出主体背景图像并在加载时随机化

javascript - 下载动态创建的 zip 存档的 Angular 解决方案

javascript - 如果未选中复选框,则禁用按钮