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

Question

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

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

1. 最后加载的库会优先吗？

2. 最新的JS 版本会优先吗？

3. 两个JS版本会累加加载吗？

这同样适用于其他库（例如 CSS）吗？

如果我在这里理解错误的网络术语，请道歉。我对网络开发以及不同组件如何协同工作仍然相当陌生。谢谢！

• 引导程序3.0.2
• Bootstrap 3.3.7新版本

Answer 1

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

如果两个库使用具有相同特异性级别的完全相同的选择器/类名称，那么 CSS 也会发生这种情况。因此，再次以包含两个版本的 bootstraps CSS 的示例为例，将应用第二个版本。由于它们是两个不同的版本，因此从第一个引用的库到第二个引用的库可能会有点渗漏，因此可见性您可能会注意到一些奇怪的副作用。

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