在本教程中，我们将讨论为什么需要在 javascript 中使用“text += ”指示符。
这里的指示是将一段代码分配给一个变量。这里的变量是'text'，'+'是字符串连接运算符，'='是赋值运算符，“'”保存一行代码，'“”'包含要添加的字符串。
程序员必须编写冗长的代码块，例如附加html块、附加字符串等。变量按顺序存储所有值并在dom中显示整个数据。转义内容中的单引号。
在 javascript 中，+= 运算符用于向变量添加值。 += 运算符右侧的值添加到左侧的变量中，并将结果存储在变量中。
以下是一些如何在 javascript 中使用 text += 的示例 -
let text = hello;text += ; // text is now hellolet num = 1;num += 1; // num is now 2let arr = [1, 2, 3];arr += [4, 5, 6]; // arr is now [1, 2, 3, 4, 5, 6]
在第一个示例中，+= 运算符用于将空字符串连接到文本变量。这不会更改文本变量的值，因为空字符串没有任何字符。
在第二个示例中，+= 运算符用于将 num 变量加 1。这会将 num 的值增加 1。
在第三个示例中，+= 运算符用于连接两个数组。这会将两个数组的元素组合成一个数组。
javascript 中指示符 'text += ' 的用途语法 1var datastr = 'content 1';datastr += 'content 2'+'content 3';document.getelementbyid('id').innerhtml = datastr;
上面的语法将串联数据分配给innerhtml。
示例 1在这个程序中，变量'htmlstr'保存了html代码块，并赋值给这个变量来设置innerhtml。在第一个 html 块之后，有一个分号来结束该块。程序使用连接运算符和赋值运算符将剩余的代码块附加到代码末尾。
<html><body> <h2> javascript program that illustrates <i>variable += 'content' </i> </h2> <div id=htmlwrap> </div> <script> //save html code block in a variable var htmlstr = '<div class=div1>'; htmlstr += '<h3>h3 tag</h1>' + '<p>p tag</p>' + '<strong>escaping quotes' to avoid syntax error</strong>' + '</div>'; //set the code block to wrapper dom document.getelementbyid(htmlwrap).innerhtml = htmlstr; </script></body></html>
语法 2var datastr = 'content';document.getelementid('id').innerhtml += datastr;
上面的语法连接数据并将其分配给innerhtml本身。
示例 2或者，您也可以直接在innerhtml 中添加多行。查看下面的代码。编写innerhtml += 'content' 即可完成这项工作。
<html><body> <h2>javascript program that illustrates <i>innerhtml += 'content'</i></h2> <div id=wrap> <p> a default text. </p> </div> <button onclick=moredata();>add more</button> <script> function moredata() { document.getelementbyid(wrap).innerhtml += <h3>this is the text by user.</h3>; } </script></body></html>
结论本教程告诉我们在 javascript 中多行代码的情况下需要连接和赋值。这种方法确保了代码的整洁和可重用。当您在网页上的多个位置需要相同的 html 内容时，这种编写方式会有所帮助。当您在单行中编写较长的代码时，它还可以避免出现语法格式错误的可能性。
我们已经看到了两种方法来做到这一点。大家可以根据自己的节目需求选择一种方式。
以上就是javascript 中“text+="””的工作原理示例的详细内容。