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

Question

我对javascript中的最佳做法有疑问。

我有一些带有一些状态的下拉菜单。如果法规是：外部，我想显示一个表格。我不知道这样做的最好方法。我是否需要从DOM隐藏DIV并在需要时显示他或者我需要在jquery中动态生成我的表单并调用ajax来填充一些数据。

Answer 1

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

还有一个中间地带你可以“懒加载”它（在页面加载时使用javascript），并将它保存在json对象中，直到它准备好被使用。这将使您的DOM保持响应，并提供更快的表单加载的额外好处。

Answer 2

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

Answer 3

除非您的页面已经非常大，或者有很多不同的表单可以在同一页面上使用，将HTML放入页面并开始隐藏它会让您获得所有标记的优势在一个地方（在代表您的页面的HTML文件中），可以更容易地以这种方式集中维护。

当您开始将标记添加到javascript中时，您将在页面的HTML和嵌入页面的HTML之间拆分标记维护。

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