JS 中html 動態替換

一、定義通用替換js函數,或調用JQuery驗證的$.format函數：

//----通用JS操作
// var a = "我喜歡吃{0}，也喜歡吃{1}，但是最喜歡的還是{0},偶爾再買點{2}";
// alert(String.format(a, "蘋果","香蕉","香梨"));
String.format = function () {
if (arguments.length == 0)
return null;
var str = arguments[0];
for (var i = 1; i < arguments.length; i++) {
var re = new RegExp('\\{' + (i - 1) + '\\}', 'gm');
str = str.replace(re, arguments[i]);
}
return str;
};

二、定義html字符串變量

var trHtm = ' <tr>\
<td class="first">{0}</td>\
<td>{1}</td>\
<td>{2}</td>\
<td name="InsurancePeriod">{3}</td>\
<td>{4}</td>\
<td class="last"><a href="{5}" title="修改" class="edit"></a>\
<input name="InsuranceId" type="hidden" value="{6}" />\
</td>\
</tr>';

三、使用

trHtm = String.format(trHtm, i + 1, item.InsuranceName, tmpSmallPlanTotalFee
, "", item.PerAmount,
"javascript:EditPlanInsurance('LPersonalInjuries')",
item.InsuranceId);