在使用jquery模板的同时在JS代码中使用HTML字符串是可以的吗?

Is it ok to use HTML strings in JS code while using jquery templates

本文关键字：字符串 HTML JS jquery 代码      更新时间：2023-09-26

在我们的应用中，我们使用javascript将传入的JSON数据泵入到可呈现的HTML中。我一直在使用JQuery模板。我已经开始注意到，我已经使用越来越多的html字符串在JS代码。例:

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));
   .
   .
   .
}

是否可以在JS代码中使用html字符串?

是的，可以，但是你必须转义与"'"一起使用的引号字符。

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

在您的代码中，您忘记了"i18n"数组引用的"+"操作符。

我觉得这样做很好。我所做的是尝试在类/代码文件/闭包的顶部的非局部变量中定义模板，如果它们很长，将它们分成多行以使其更具可读性，

相关文章：