从页脚中调用 js 函数 - Call js function from within the footer

Call js function from within the footer

本文关键字：js 函数调用 | 更新日期: 2023-09-27

我有一个大约30页的网站。我在每份文件上都附上了页脚.php。我每四页，页脚中都有一些不同的js脚本。这开始让我烦恼，我正在考虑制作一个脚本文件夹，其中有小脚本。这不是一个坏主意而不是将它们直接放在页脚中吗？

这是脚本：

<script type="text/javascript">
      jQuery(document).ready(function() {
        $('.bxslider1').bxSlider({
          minSlides: 5,
          maxSlides: 6,
          slideWidth: 360,
          slideMargin: 2,
          moveSlides: 1,
          responsive: true,
          nextSelector: '#slider-next',
          prevSelector: '#slider-prev',
          nextText: 'Onward →',
          prevText: '← Go back'
        });
      });
</script>

如果我将其保存在"bannerslider.js"下的js文件夹中，如何从页脚调用该函数？我是否必须包含或回显文件？

通过<script>标签包含外部 js 脚本（bannerslider.js），但请确保之前加载bxSlider插件脚本。
一个示例标记（将短语替换为实际 js 文件夹的名称<YOUR-JS-FOLDER>）：

<footer>
 ...
   <script type="text/javascript" src="<YOUR-JS-FOLDER>/bannerslider.js"></script>
</footer>