Javascript 如果在HTML中引用多个版本的JS文件（引导），哪个版本优先？

HTML从页面顶部到底部加载它的库，对吗？如果在较新版本下引用了较旧版本的框架/库（例如jQuery或Bootstrap），该怎么办

HTML中引用的两个版本的引导如何优先？

最后加载的库是否优先

最新的JS版本会优先吗

这两个JS版本会累积加载吗

这是否也适用于其他库，如CSS？

如果我在这里弄错了网络术语，请道歉。我对web开发以及不同组件如何协同工作还是相当陌生的。谢谢

• 引导3.0.2
• 引导3.3.7新版本

---

如果它们是不同的文件，（.js和.min.js）它们都将累积加载）。如果它们在相同的范围内定义相同的JavaScript变量，则第二个出现的库将/应该获胜。这是因为第一个库中定义的变量将从第二个库中重新分配新值。在您的示例中，在页面中同时包含bootstrap.js的缩小版和非缩小版（以最后包含的为准）将获胜

如果两个库使用相同的选择器/类名，并且具有相同的特殊性级别，那么CSS也会出现这种情况。同样，在您的示例中，包括两个版本的引导CSS，第二个版本将被应用。由于它们是两个不同的版本，从第一个引用的库到第二个引用的库可能会有一些出血，因此您可能会注意到一些奇怪的副作用

---

仅供参考：您可能已经知道了这一点，但另一位读者可能只是想将两者都包括在内。将这两组文件同时包含不是一个好的做法，因为这可能会导致意外结果，会增加页面重量和发送到服务器的请求数，从而影响加载时间，最终影响用户体验。

多个JavaScript版本可以在同一页面上共存。

这可能发生在使用不同版本jQuery支持的不同框架的页面上。大多数开发人员都会尽量避免使用多个版本的库，但是，如果修复一个已经使用多个版本编码的客户端站点，您可能就不会有这种奢侈了

要直接回答您的问题，JavaScript库中的最后一个函数优先假设它们定义完全相同，否则两个库将基本合并。如果一个函数从两个参数更改为三个参数，那么这两个参数都将处于活动状态，并且它们的行为就像它们被设计重载一样

有一些方法可以使用变量作为别名引用JS文件的版本，如下面的示例，还有一些库通过客户端库文件夹支持多个组件，如Adobe AEM，并使用别名作为组件前缀，但它内置于整个解决方案中

下面是JQuery的一个示例

<script src='jquery-1.3.2.js'></script>
<script>
var jq132 = jQuery.noConflict();
</script>
<script src='jquery-1.4.2.js'></script>
<script>
var jq142 = jQuery.noConflict();
</script>

var jq132=jQuery.noConflict（）；
var jq142=jQuery.noConflict（）；

当加载多个版本时，每个框架的行为可能会有所不同，这就是为什么开发人员可能会尽量避免使用它的原因

使用层叠样式表（CSS）最后一个样式优先

---

如果需要覆盖引导样式，则应将其放在最后。这假设与具有更高特异度的规则具有完全相同的特异度级别，优先于更通用的规则，无论其加载在何处。

对于在提供了一个类似的答案之后又提供了一个答案，我深表歉意。我直接从“批准”和“改进”问题编辑的任务中回答了这个问题，并假设它是全新的。没有对任何人的不尊重。非常感谢！不用担心。重复有助于记忆。感谢您的解释，包括图像也有帮助。谢谢伟大的非常感谢你的回答！我确实删除了未缩小的版本，并尝试在不破坏lol的情况下尽可能多地进行清理。在处理项目时，我在同一目录文件夹中同时处理缩小和未缩小的版本。我有一个缩微器，提示保存对min文件的更改。因此，在清理的最后，我只需要记住将人类可读的版本取出，以优化性能。再次感谢！