Javascript最佳實踐 - 在DOM中隱藏元素或生成DOM元素

Question

我有一個關於javascript中最佳實踐的問題。

我有一些下拉菜單，有一些statut。如果法律是：外部，我想顯示一個表單。我不知道這樣做的最好方法。我是否需要隱藏DOM中的DIV，並在需要時顯示他，或者是否需要在jquery中動態生成表單並調用ajax來填充某些數據。

Answer 1

這真的取決於您的應用程序。如果DOM中已經有很多元素，並且實際需要顯示此表單的可能性很低，您可能希望稍後添加它（使用ajax），因爲在大多數情況下，您不需要它。但是，如果您的DOM負載較輕，並且在大多數情況下將顯示該表單，則您希望準備好並隱藏該表單，以便快速顯示。

還有一箇中間地帶，您可以「懶加載」它（在頁面加載時使用javascript），並將其保存在json對象中，直到它可以使用。這將保持您的DOM響應，並提供更快的表單加載的額外好處。

Answer 2

它取決於用戶點擊該元素的可能性以及DOM中已經存在的元素的數量。我建議在用戶執行操作而不是隱藏它時創建表單運行時。有一些瀏覽器插件顯示頁面中的所有隱藏元素。

Answer 3

除非您的頁面已經非常大，或者有很多不同的表單可以在同一頁面使用，將HTML放入頁面並剛剛開始隱藏，這會讓您獲得所有優勢標記位於一個地方（代表頁面的HTML文件中），並且可以更容易地以這種方式進行集中維護。

當您開始將標記放入JavaScript中時，將頁面的HTML和嵌入到頁面中的HTML之間的標記維護分開。

另一方面，如果你有很多這些形式都略有不同，可以在同一個頁面中使用，那麼在原始形式中預先指定表單的所有可能組合HTML，你可能會更好地動態生成它通過JavaScript或可能從稍微修改模板生成它。