关于HTML在JQuery或JavaScript中的动态拼接单双引号问题

我们在Jsp页面中使用HTML动态添加一些页面的元素，比如Input、button，但是在这些标签中添加绑定事件，或者动态拼接的过程中，使用双引号（“”“”）或者单引号的，但是对于JS或者JQuery，有的时候拼接得到的并不是我们想要的结果，这个时候我们可以使用HTML的 转义字符。
一下就是我想要动态拼接添加JSP的一部分内容：


    var html='';


外部嵌套循环 下面是循环的一部分：


    html=html+'<input  type="text" οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="套餐值必须为数字" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999" class="input-xlarge" value="${attr.content}" />';


以上代码看出 我的单引号 内的HTML内容里面有双引号，但是不可以避免的还要出现单引号，这个时候JS拼接HTML的时候就会出现加载错误。
我们这个时候可以使用HTML的HTML的 转义字符。
我列举三个转义字符  /   /       \  \    单引号（ ' ）'  修改以上代码如下：


    html=html+'<input  type="text" class="input-xlarge" οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="套餐值为数字" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999" /><img width="1%" height="1%" src="/static/custom/img/1490-delete.png"/>';


这个时候JS就能成功的拼接HTML代码段，并且HTMl也能成功的加载出来。问题解决




 关于HTML的 转义字符 ，如有需要可以上网百度搜索一下。