多个html页面一个js文件？(mulitple html pages one js file?)

 我的网站上有多个html页面和滑块。 
 
 我正在使用Bxslider，一些页面也有Owl Carousel，但我不想让多个.js文件在每个页面上调用不同的滑块。 
 
 我可以只制作一个js文件，并在所有页面上使用上面的代码。 像这样，在一个.js文件中调用所有滑块 
 
$(document).ready(function(){
  $('.bxslider').bxSlider();
  $("#owl-example").owlCarousel();
});
 
 我不想在每个不需要它的页面中包含插件（owl-carousel和bxslider）js文件。 
 
 在没有滑块的页面上调用滑块会影响性能吗？ 
 
 谢谢 ！ 

My website has multiple html pages and sliders in them. 
 
I'm using Bxslider and some pages also have Owl Carousel, but i dont want to have multiple .js file to call different sliders on each page.
 
Can i make just one js file and use the above code for example on all of the pages. Like this, calling all sliders in one .js file
 
$(document).ready(function(){
  $('.bxslider').bxSlider();
  $("#owl-example").owlCarousel();
});
 
I don't want to include both plugins(owl-carousel and bxslider) js file in every pages that don't need it.
 
Does it effects performance to call the slider on pages that dont have that slider ?
 
Thanks !

原文：