字符串拼接的两种方式

字符串拼接的两种方式：①\'+号拼接，②反斜杠拼接
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>\';