在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代碼的目標只是一個特定部分或頁面我認爲這是更好地將其納入自身頁面，而不是一個單獨的文件，但如果是指在多個地方使用，然後使用一個單獨的文件以這種方式維護它也會更容易。