Javascript最佳实践-在DOM中隐藏元素或生成DOM元素

我有一个关于javascript最佳实践的问题

---

我有一些数字的下拉菜单。如果statut为：external，我想显示一个表单。我不知道最好的办法。我需要从DOM中隐藏一个DIV并在需要时显示它，还是需要在jquery中动态生成表单并调用ajax来填充一些数据

这取决于您的应用程序。如果DOM中已经有很多元素，并且实际需要显示此表单的可能性很低，那么您可能希望稍后添加它（使用ajax），因为在大多数情况下您根本不需要它。但是，如果您的DOM负载很轻，并且在大多数情况下都会显示该表单，那么您需要将其准备好并隐藏，以便可以快速显示

---

还有一个中间地带，您可以“延迟加载”它（在页面加载上使用javascript），并将其保存在json对象中，直到它准备好使用为止。这将使您的DOM保持响应性，并带来更快加载表单的额外好处。

这实际上取决于您的应用程序。如果DOM中已经有很多元素，并且实际需要显示此表单的可能性很低，那么您可能希望稍后添加它（使用ajax），因为在大多数情况下您根本不需要它。但是，如果您的DOM负载很轻，并且在大多数情况下都会显示该表单，那么您需要将其准备好并隐藏，以便可以快速显示

---

还有一个中间地带，您可以“延迟加载”它（在页面加载上使用javascript），并将其保存在json对象中，直到它准备好使用为止。这将使您的DOM保持响应性，并带来更快加载表单的额外好处。

这取决于用户单击该元素的概率以及DOM中已经存在的元素数量。我建议在用户执行操作时创建表单运行时，而不是隐藏它。有一些浏览器插件可以显示页面中所有隐藏的元素。

这取决于用户单击该元素的概率以及DOM中已经存在的元素数量。我建议在用户执行操作时创建表单运行时，而不是隐藏它。有一些浏览器插件可以显示页面中所有隐藏的元素。

除非您的页面已经非常大，或者在同一页面中有许多不同的表单可以使用，否则将HTML放入页面并隐藏，这样做的好处是所有标记都在一个位置（在代表您的页面的HTML文件中），这样可以更容易地集中维护

当您开始将标记放入javascript时，您将在页面的HTML和嵌入页面的HTML之间分割标记的维护

---

另一方面，如果您有很多这些表单都略有不同，可以从同一个页面使用，那么在原始HTML中预先指定表单的所有可能组合会变得很混乱，您可能最好通过javascript动态生成表单，或者从带有轻度修改。

除非您的页面已经非常大，或者在同一页面上可以使用许多不同的表单，否则将HTML放入页面并隐藏它，这样做的好处是所有标记都位于一个位置（在表示页面的HTML文件中）这样可以更容易地集中维护

当您开始将标记放入javascript时，您将在页面的HTML和嵌入页面的HTML之间分割标记的维护

另一方面，如果您有很多这些表单都略有不同，可以从同一个页面使用，那么在原始HTML中预先指定表单的所有可能组合会变得很混乱，您可能最好通过javascript动态生成表单，或者从带有轻修改