Javascript 从页脚中调用js函数

我有一个大约30页的网站。我在每个文档中都包含了footer.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>

jQuery（文档）.ready（函数（）{
$（'.bxslider1'）.bxSlider({
米斯利德斯：5，
maxSlides:6，
滑动宽度：360，
幻灯片摘要：2，
第一,，
回答：是的，
下一个选择器：“#滑块下一个”，
prevSelector:“#滑块prev”，
下一步：'向前→',
前文：'← 回去
});
});

---

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

通过

标记包含外部js脚本（bannerslider.js），但请确保之前加载了

bxSlider

插件脚本。
示例性标记（将

短语替换为实际js文件夹的名称）：

...

这是个好主意。只需在页面中包含脚本<代码>。每当你发现自己在重复代码时，最好将其放在一个函数/模块/文件中。脚本标记将加载并执行文件中的javascript。当文件位于单独的文件（如bannerslide.js）中时，代码周围不需要标记。您没有定义任何函数，只是调用ready（），它将在脚本标记加载文件后立即执行。如果您定义了一个函数，它将是全局可用的，或者它将附加到窗口对象（在浏览器中也是如此）。非常感谢您的评论。我会记住，当我开始重复代码时，我会将代码保存在函数中，然后调用它们。非常感谢。它工作得很好，我可以清理我的代码。很好的感觉：-）@McDuck4，你很好。这只是我想问的最后一个问题。我在所有30页上都调用了我的footer.php。在我的页脚中，我引用了JS和CSS。这意味着所有页面实际上都会有一些未使用的引用。这是一个问题吗？如果有许多外部脚本包含在“共享”页脚中，并且它们有大量代码，这在某些页面上是不必要的-我会根据应用程序的关键部分创建不同的布局。例如，假设我们有一个

layout

文件夹，其中包含

main.php

、

news.php

和

profile.php

（layouts）。每个版面应包含自己版本的

，

内容（正文）

和

页脚

部分<代码>在每个布局中可以有不同的js脚本集再次感谢：）

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