js拼接html符号问题示例

示例1:
"<img class='textbox' id='up_icon'  width='80px' height='80px' style='margin: 4px 0 0 10px;'/>"
拼接参数: "<img class='textbox' id='up_icon"+1+"'width='80px' height='80px' style='margin: 4px 0 0 10px;'/>";

示例2:

"<tr class='tb-line' id='tr_recom10'>" +
"    <th colspan='1' valign='middle'><span>广告1</span>" +
"    </th>" +
"</tr>"

"<tr class='tb-line' id='tr_recom"+10+"'>" +
"    <th colspan='1' valign='middle'><span>广告1</span>" +
"    </th>" +
"</tr>"

 

示例3:

"<div id='up_icon_btn'  style='float: left;'></div>" 

"<div id='up_icon_btn"+index+"' style='float: left;'></div>" 

特殊:

"οnclick=\"getH5GameLink({name:'h5GameLinks',num:'"+index +"',linkId:'link"+index+"',froms:'editForm',empty:[{input:'link'}]})\">选择产品</a>"

如果是纯的数字则不会有问题,如果带有字符串或者特殊字符 '字符串参数'

<a href="javascript:;" class="add_btn" οnclick="received('已抢光')">已抢光</a>
<a href="javascript:;" class="add_btn" οnclick="createDrawPath(${coupon.couponId?c})">立即领取</a>

var run = 'document.getElementById("appKeyTip").contentWindow.' + obj.name + '("'+obj.linkId+'","'+recommendType+'")';
eval("("+run+")");

动态拼接参数:  "<input type='text' id='h5_link"+index+"' name='link' style='width: 320px' οnblur='validateLink(\"h5_link"+index+"\")'/>"

推荐使用navicat 含符号赋值后替换\n 和\" 元素即可得到复制项