Question

目前，我的页脚上方的脚本标记中有几个Jquery函数。

<script>
    //several Jquery functions in here..
</script>
        <footer>
                <p>Copyright &copy</p>
        </footer>
    </body>
</html>

将Jquery函数包含到项目中的常见做法是什么？

我应该将它们放入另一个文件夹/文件中并将它们包含在我的标题中吗？

Answer 1

通常你把你的javascript包含在哪里取决于你，但是大部分包含通常都在关闭body标签之前（因为它有助于页面加载更快）。然而，在wordpress和其他平台上构建的站点很常见，你会看到很多JS包含在顶层。

这一切都取决于您如何设计您的网络系统。

现在......如果您的功能在页脚中，您可能会发现的问题是，如果您在定义它们之前尝试调用它们，那么JS将抛出错误。理想情况下，您不希望在HTML中使用<a id="btn" onclick="foo()">之类的内容，而是在JS中使用它：

$('a#btn').click(foo);

对于基本网站，您可以使用单个脚本文件。

        <script src="/js/jquery.x.x.min.js"></script> <!-- jquery lib -->
        <script src="/js/scripts.js"></script>        <!-- your custom scripts -->
    </body>
</html>

关注点分离

在可能的情况下，将代码分开是最佳做法。因此，所有JavaScript代码都应该在.js文件中，就像内联CSS不受欢迎并且应该在.css文件中一样。这可以使您的代码保持清洁，更易于管理。

我应该如何将Jquery函数包含到项目中？

1 个答案: