在JavaScript开发中，拼接包含引号的HTML字符串时，直接赋值常导致语法错误。本文介绍利用加法赋值运算符（+=）分行拼接字符串的技巧，通过分段赋值有效避免引号转义冲突，提升代码可读性与维护性。
+= 运算符处理HTML引号冲突
加法赋值运算符（+=）的作用是将变量当前的值与右侧表达式的值相加，并将计算结果重新赋值给该变量。
在编写JavaScript代码时，开发者经常遇到这个运算符。尽管过去对其理解不够深入，但观察大量代码后发现，它常被用于将过长的变量赋值拆分为多行书写，从而解决其他潜在问题。
在某些场景下，我们需要将一段HTML代码存储为变量。由于HTML标签内部常包含引号，直接赋值容易引发语法错误。例如：
代码如下:
var Nameform='<div id="PointName"><input id="PointNameText" type="text" size=18 value="请在此输入地标名" class="inputField" onFocus="this.value=null" onBlur="this.value='请在此输入地标名'"/></div>';此时，引号的嵌套会导致解析错误。使用+=运算符可以巧妙地解决这个问题。
代码如下:
var Nameform='<div id="PointName"><input id="PointNameText" type="text" size=18 value="请在此输入地标名" class="inputField" onFocus="this.value=null" onBlur="this.value=';
Nameform+="'";
Nameform+='请在此输入地标名';
Nameform+="'";
Nameform+='"/></div>';