在 Wordpress 中分离 JS 和 HTML

Question

我最近阅读了https://stackoverflow.com/questions/62617/whats-the-best-way-to-separate-php-code-and-html的讨论

我也面临着类似的困境。

目前正在开发一个 WordPress 网站，该网站有很多滑块、动画下拉菜单、表单和其他组件。每个组件都在整个网站中多次使用，因此我为每个组件创建了一个 PHP 文件，并使用 include 将它们插入到需要它们的任何位置。

现在我包含的文件包含 HTML 和 JS {用于初始化控制}

最后，当我在浏览器中查看生成的 html 页面时，它是混乱的！ HTML 和 JS 无处不在！

我想知道是将所有内容都包含在一个大 JS 文件中并将其包含在每个页面的顶部，还是在该部分中包含小的 JS 块更有效？

Answer 1

在我看来，如果 HTML/JS 是有效的，那么它有点凌乱并没有什么错 - 最终用户无论如何都不会看到它。至于从设计的角度来看什么是最好的，这真的取决于情况。

就个人而言，我认为在每个页面中都包含一个大的 JS 文件是可以的，但有些人更喜欢在需要的地方以小块的形式输出代码。最终，这实际上取决于程序是什么以及最适合您的程序。

Answer 2

如果 JS 代码仅针对特定部分或页面，我认为最好将其包含在页面本身而不是单独的文件中，但如果它打算在多个地方使用，则使用单独的文件作为它这样维护起来也更容易。