javascript - 在 WordPress 中分离 JS 和 HTML

Question

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

我也面临着类似的困境。

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

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

最后当我在浏览器中查看生成的 html 页面时，它很困惑! HTML 和 JS 到处混合!

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

Answer 1

在我看来，如果 HTML/JS 有效，那么有点困惑也没什么问题 - 最终用户无论如何都不会看到它。至于从设计的 Angular 来看什么是最好的，这实际上取决于具体情况。

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