在Wordpress中分离JS和HTML

Question

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

我面临着类似的困境。

目前工作的一个WordPress网站具有滑块，动画下拉菜单，表格等组成了很多。每个组件的在整个网站使用多次，所以我创建了一个PHP文件中每个组件和我使用包括将其插入到任何地方都需要它们。

现在我包括文件包含HTML & JS {初始化控制}

最后当我在浏览器看了一下生成的HTML页面，这是混乱！ HTML & JS混杂无处不在！

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

Answer 1

在我看来，如果HTML/JS是有效的，它没有什么错，它有点混乱 - 终端用户永远不会看到它。至于从设计的角度来看最好，这取决于情况。

就个人而言，我认为这是正常的有中包含的每一页大JS文件，但有些人喜欢输出需要的地方小块代码。最终，它确实取决于程序是什么以及最适合你的。

Answer 2

如果JS代码的目标只是一个特定部分或页面我认为这是更好地将其纳入自身页面，而不是一个单独的文件，但如果是指在多个地方使用，然后使用一个单独的文件以这种方式维护它也会更容易。