在哪裏存儲少量僅用於JavaScript的HTML？

Question

我有一個使用HTML的小模板，它包含幾個DIV和幾個標題（大約15行代碼）。此模板使用用戶從頁面的另一部分選擇的選項中的文本進行填充。如果用戶啓用了JavaScript，標記只能用於任何用途。如果用戶選擇多個選項，它也被克隆。

什麼是存儲此模板的最佳方式（根據最佳實踐）？

1. 它似乎將它存儲在JS中是有意義的，因爲它只用於JS，但我知道最好將行爲和標記分開。
2. 將標記插入主頁面，並將其設置爲在樣式表中顯示none，然後在JavaScript中顯示塊。

Answer 1

可維護性我會說＃2是最好的。如果您在外部JS文件中甚至在腳本部分保留標記，則在更新標記時可能會忽略或遺忘標記。如果您使用的是CMS工具，那麼將它保留在標記中會更有意義。我通常回避在javascript中保留html標記，因爲這很容易讓轉義字符出錯，並生成符合標記的標記。

Answer 2

第一選擇是更好的，因爲它會更乾淨。

Answer 3

在這個特定的情況下，由於克隆，從我的觀點來看，沒有令人滿意的解決方案。

我會使用第二個，因爲在第一次你在JS中「存儲HTML」......但我想這個「存儲」是用包含HTML的字符串完成的。所以字符串將被評估（使用jQuery或innerHTML屬性）。這不是很乾淨和高效。

此外，使用第二種解決方案，您可以使用WYSIWIG編輯器來編輯HTML。