Question

我有一个论坛，并且在每个人发布一个按钮，允许主持人在使用simplemodal查看在窗口中静音的帖子/输入小时后静音某人。在显示窗口的代码中，我有像

这样的长代码

var output = "<div id='msginfo'>...</div>";

等等。我希望我的代码能够被“缩小”，当我完成它并且很多打包器/ shrinkers在html（通常是＆lt;和“＆gt;东西）时会废弃。

其他网络应用程序如何在javascript文件中不管理HTML？在需要或什么之前会显示隐藏的div？

Answer 1

在工作中，我使用ICanHaz。它允许您从HTML模板（可以包含在HTML文件的<head>中）动态生成DOM元素，而无需在Javascript中内嵌任何HTML，这些HTML难以阅读。

出于像你这样的目的 - 显示一个具有固定布局的模态 - 这可能比在加载时包含和隐藏在页面上的模态更清晰，尽管在这种情况下后者解决方案可能没有任何可怕的错误

顺便提一下，当你想要在加载后异步地向页面添加内容时，ICanHaz也是一个不错的解决方案，这可能与论坛上下文相关（例如，在没有新页面加载的情况下加载新帖子）。

Answer 2

我通常会使用div：display:none属性隐藏它，然后在需要时使用Javascript更改它，这样它们就会显示出来。

另一方面，您可以进行Ajax调用并获取所需的html，并显示将其附加到元素。