html使用转义字符带来的问题

来源:互联网 发布:js图片渐变轮换效果 编辑:程序博客网 时间:2024/06/04 18:41

今天在写前端的时候,有一条语句需要以字符串的形式将HTML添加到一个实例中再在网页上显示出来。涉及到引号的嵌套问题,不管双引号还是单引号嵌套三层就会出现问题。最后想到用到转义字符来达到效果,得到的结果也是离奇,代码如图一,在变量filename两边使用转义字符&quot来代替,达到将filename转成字符串的效果。

不过结果却是这样

后面的&quot进行了正确转义但是前面的&quot没有进行转义,导致onclick触发失败。更离奇的是当filename的内容是以中文开头的时候,前面的&quot是可以进行转义的,如图

查各种资料也没有查到这是怎么一回事,最后将转义字符改成十进制的转义字符&#34进行尝试

结果两个都为可行,问题解决。但是具体内在原因还不清楚。有关HTML的转义字符和十进制、十六进制的内容百度一下就知道了。