Javascript 在使用jquery模板时，在JS代码中使用HTML字符串可以吗

在我们的应用程序中，我们使用javascript将传入的JSON数据压缩到可呈现的HTML中。我已经使用JQuery模板实现了这一点。 我开始注意到我在JS代码中使用了越来越多的html字符串。例如：

render = function(data, parent){

   var header, analyticsHtml, analyticsTmpl;
   header= parent.find(".header");
   header.append('<H3>'+ i18n['header']+'</H3>');
   analyticsHtml = '<div><div class="floatLeft" id="analytics"><div class="gt"><span>01</span><br />i18n['Text1']</div></div></div>';
   parent.append(analyticsHtml);
   analyticsTmpl = "....blah...";

   $('#analytics').append($.tmpl(analyticsTmpl, data));
   .
   .
   .

}

render=函数（数据，父级）{
var标题、analyticsHtml、analyticsTmpl；
header=parent.find（“.header”）；
header.append（“”+i18n['header']+“”）；
analyticsHtml='01
i18n['Text1']；
parent.append（analyticsHtml）；
analyticsTmpl=“……废话……”；
$（“#分析”）.append（$.tmpl（analyticsTmpl，data））；
.
.
.
}

---

在JS代码中使用html字符串可以吗？

可以，但必须转义使用“\”的引号字符

analyticsHtml='01
'+i18n['Text1']+'；

---

在代码中，您忘记了“i18n”数组引用的“+”运算符。

我认为这样做很好。我要做的是尝试在类/codefile/closure顶部的非局部变量中定义模板，如果模板很长，则将其拆分为多行以使其更具可读性，

访问非局部变量比访问实例/全局变量花费更多的时间。记住这一点，为什么即使模板很长并且只在该函数中使用，你也要这样做。我以前没有听说过这个-你有链接或基准吗？我很想知道。

analyticsHtml = '<div><div class="floatLeft" id="analytics"><div class="gt"><span>01</span><br />' + i18n['Text1'] + '</div></div></div>';