字符串拼接的兩種方式

字符串拼接的兩種方式：①'+號拼接，②反斜杠拼接
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>';