多个html页面一个js文件？

我的网站上有多个html页面和滑块.

我正在使用Bxslider,有些页面也有Owl Carousel,但我不想让多个.js文件在每个页面上调用不同的滑块.

我可以只制作一个js文件,并在所有页面上使用上面的代码.像这样,在一个.js文件中调用所有滑块

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

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

在没有滑块的页面上调用滑块会影响性能吗？

谢谢 !

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

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

并且没有任何东西与#owl-example选择器相匹配,它不会返回任何元素,因此不会调用.owlCarousel().

因此,你不仅可以在一个带有这些泛型调用的js文件上执行此操作,我会鼓励它,因为这是最好的方法 - 如果你需要更改轮播功能,它就在一个地方.