JS中双引号单引号,转义字符问题!!

时间:2021-05-16 08:56:12

investListHtml =
'<div class="targetBlock">'+
'<p>'+ targetClass +'<span>总金额 <i>'+ loanAmount +'</i> 元,剩余可投 <i>'+ (loanAmount-collectAmount) +'</i> 元</span></p>'+
'<div class="targetContent">'+
'<span class="targetPersent">'+ yearRate +'</span> % &nbsp;&nbsp;&nbsp;'+
'<span class="targetPeriod">'+ loanPeriod + targetClass1 +'</span>'+
'<span class="targetLink"><span onclick="fun1(49,\''+targetClass+'\')">'+ targetStatus +'</span></span>'+
'</div>'+
'</div>';

html的双引号是正常的吧,每一个属性,例如:value="",一般都有双引号包着。但是用js添加页面节点的时候,需要转义,比如:
var html = "<div onclick=\" openUrl( ' <s:url value='%{resUrl}'/> ' ) \"></div>";
document.getElementById("main").innerHTML = html;
看到最外面的那个双引号的了吗,是表示一个字符串变量的意思,而被包在里面的双引号就不起作用,只有在页面显示的时候才会起作用,也就是说js不会认为第一个双引号和第二个双引号是一对,会认为</div>";这个双引号才是结尾,因为中间的被"\"转义了。
openUrl函数中的第一对单引号是表示字符串的意思,你省去也不会报错,中间那一对则是标签的属性需要。
最后的问题说明你对struts的标签不熟,可以看下struts的property和ognl表达式,最多半个小时可学会