字符串拼接的两种方式

字符串拼接的两种方式：①'+号拼接，②反斜杠拼接
1.常用的方式'+号拼,直接把写好的字符串放到这，前面用单引号，后面用单引号加号的方式连接，然后遍历追加就可以了。

var str='<div id="box">'+
            '<p>bonly is optimistic boy</p>'+
            '<img src="img/bonly.jpg"/>'+
            '<p>Do you think?</p>'+
        '</div>';

但是遇到字符串有onclick事件,在这样写就不行了

var str='<div id="box">'+
            '<p>bonly is optimistic boy</p>'+
            '<img src="img/bonly.jpg" onclick="fn1(this,'bonly')"/>'+
            '<p>Do you think?</p>'+
        '</div>';

需要把onclick的引号去掉，把里面的字符串用双引号，如果是img标签注意把最后面的反斜杠去掉，代码如下：

var str='<div id="box">'+
            '<p>bonly is optimistic boy</p>'+
            '<img src="img/bonly.jpg" onclick=fn1(this,"bonly")>'+
            '<p>Do you think?</p>'+
        '</div>';

2.反斜杠的方式不常用，比较方便，缺点是字符串拼接的最后一行在一些编辑器里显示不正常，注意事项和上一种方式相同。代码如下：

var str=<div id="box">
            <p>bonly is optimistic boy</p>
            <img src="img/bonly.jpg" onclick=fn1(this,"bonly")>
            <p>Do you think?</p>
        </div>';