JavaScript最佳实践 - 隐藏DOM元素或生成DOM元素

3

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

我有一个下拉菜单,其中包含一些状态。如果状态是:外部,我想显示一个表单。我不知道最好的方法是什么。我需要从DOM中隐藏一个DIV,并在需要时显示它,还是需要使用jQuery动态生成我的表单并调用ajax来填充一些数据。

3个回答

4
这取决于你的应用程序。如果您已经在DOM中有很多元素,并且实际上需要显示此表单的可能性很低,您可以稍后添加它(使用ajax),因为在大多数情况下您根本不需要它。但是,如果您的DOM负载较轻,在大多数情况下将显示该表单,则可以将其准备好并隐藏,以便快速显示。
还有一种折中方案,可以在页面加载时使用javascript“惰性加载”它,并将其保留在json对象中,直到准备好使用它。这将使您的DOM响应灵敏,并提供更快的表单加载优势。

0

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


0
除非您的页面已经非常大或者有很多不同的表单可以从同一页中使用,否则将HTML放入页面并将其隐藏起来,这样做的优势是所有标记都位于一个地方(即表示页面的HTML文件中),可以更容易地进行集中维护。当您开始将标记放入JavaScript中时,您将在页面的HTML和嵌入到页面中的HTML之间分离标记的维护。
另一方面,如果您有很多这些略微不同但都可以从同一页中使用的表单,则预先指定原始HTML中所有可能的表单组合会变得混乱,您最好通过JavaScript动态生成它,或者从稍加修改的模板生成它。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接