JS中双引号单引号,转义字符问题!!
2016-01-10 01:02
441 查看
investListHtml =
'<div class="targetBlock">'+
'<p>'+ targetClass +'<span>总金额 <i>'+ loanAmount +'</i> 元,剩余可投 <i>'+ (loanAmount-collectAmount) +'</i> 元</span></p>'+
'<div class="targetContent">'+
'<span class="targetPersent">'+ yearRate +'</span> % '+
'<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表达式,最多半个小时可学会
'<div class="targetBlock">'+
'<p>'+ targetClass +'<span>总金额 <i>'+ loanAmount +'</i> 元,剩余可投 <i>'+ (loanAmount-collectAmount) +'</i> 元</span></p>'+
'<div class="targetContent">'+
'<span class="targetPersent">'+ yearRate +'</span> % '+
'<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表达式,最多半个小时可学会
相关文章推荐
- 用反射完成Json解析
- 深入理解Javascript面向对象编程
- 基于javascript实现彩票随机数生成(简单版)
- JavaScript电子时钟倒计时第二款
- JavaScript表单验证实例之验证表单项是否为空
- 基于javascript实现彩票随机数生成(升级版)
- javascript实现checkbox复选框实例代码
- JavaScript基础知识及常用方法总结
- javascript类型检查的规范
- js判断 web设备类型
- delegate实现Javascript的each方法
- JS中的间歇调用setInterval()与超时调用setTimeout()相关总结
- 提升、执行环境、执行环境对象
- js常用正则表达式
- js正则表达式大全(4)
- js正则表达式大全(3)
- js正则表达式大全(2)
- js正则表达式大全(1)
- JS页面埋点
- Atitit.json类库的设计与实现 ati json lib