javascript - 多个html页面一个js文件？

Question

我的网站有多个 html 页面和 slider 。

我正在使用 Bxslider 并且 有些页面也有 Owl Carousel，但我不想有多个 .js 文件来调用每个页面上的不同 slider 。

我可以只制作一个 js 文件并在所有页面上使用上述代码吗？像这样，在一个 .js 文件中调用所有 slider

$(document).ready(function(){
  $('.bxslider').bxSlider();
  $("#owl-example").owlCarousel();
});

我不想在每个不需要的页面中都包含两个插件(owl-carousel 和 bxslider)js 文件。

在没有 slider 的页面上调用 slider 是否会影响性能？

谢谢!

Answer 1

这样做很好，并且不会影响性能，因为当你这样做时

$("#owl-example").owlCarousel();

并且没有任何内容与#owl-example选择器匹配，它不会返回任何元素，因此不会调用.owlCarousel()。

因此，您不仅可以使用这些通用调用在一个 js 文件上完成此操作，我会鼓励它，因为这是最好的方法 - 这样，如果您需要更改轮播功能，一切都在一个地方。