java拼接html_拼接字符转的转义
在程序中经常会写到字符串的拼接,最常见的⼀中⽅式就是把拼接的字符串返回到页⾯上,然后让浏览器渲染成html代码。
现在es6已经⽤的不少了,但是因为⼀些原因,有的项⽬只能⽤最原始的加号“+”拼接,所以就会出现⼀种情况;请看下⾯的代码:
1 var stringify_json =JSON.stringify(rowObject);
2 var str2 = 1;
1 str +="";
2 functiondel_id(a,b){
3 console.log(a);
4 console.log(b);
5 }
上⾯是代码的⽣命,这个时候是没有问题的,你把str直接返回到页⾯,页⾯是可以正常的解析的,点击这个按钮也是能打印的;下⾯是打印的结果
打印的结构是没有任何问题的。但是当我们把str2换成字符串的时候,就发现页⾯开始报错了。
也就是上⾯的代码改成str2 = "string"的时候,页⾯开始报错了;下⾯是错误的信息,和页⾯的渲染结果;
发现这个并不是按照字符串拼接上去的, 所以js认为这个是⽅法,所以就出现上上⾯的错误了。
所以我们在拼接的时候,就需要给这个string两边加上引号,所以就有了下⾯的代码:
1 str +="";
然后再页⾯上的渲染就是这样的了。
也就是说,html解析器在解析到string前⾯的引号的时候,就认为这⼀段就完成,所以页⾯也就直接报错了,也就是说,咱们需要把拼接上的单引号,变成双引号;
java修改html文件下⾯的截图是我的编辑器的,我直接把上⾯代码中的单引号改成双引号的。
编辑器直接把str2不当成⼀个变量了。这个肯定是不⾏的了,所以这个时候就需要⽤上咱们的转移字符 "" 了;
1 str +="";
这个是加上转移字符之后的,也就是说,后⾯的引号,不当成是咱们拼接的东西,⽽是就是简单的表⽰⾃⼰是个引号。这样的话,我们就可以正常的打印了。
----------------华丽的分割线-----------------------------
现在已经有很多项⽬是⽤es6细的了,es6有更优美的拼接字符串的⽅式;请参见下⾯的链接
这篇⽂章写的不错。⼤家可以⾃⾏查阅;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论