数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学JavaScript 中 'text+=""' 的使用方法示例
在本教程中，我们将讨论为什么在 Javascript 中需要 'text += " "' 这样的指示。
这里的指示是将一段代码赋值给一个变量。这里的变量是 'text'，'+' 是字符串连接运算符，'=' 是赋值运算符，'" "' 包含一行代码，而 '""' 包含要添加的字符串。
程序员必须编写冗长的代码块，例如，追加 HTML 块，追加字符串等。变量按顺序存储所有值，并在 dom 中显示所有数据。对内容中的单引号进行转义。
在 JavaScript 中，+= 运算符用于向变量添加值。+= 运算符右侧的值将添加到左侧的变量中，结果将存储在该变量中。
以下是一些如何在 JavaScript 中使用 text += "" 的示例：
let text = "Hello"; text += ""; // text is now "Hello" let num = 1; num += 1; // num is now 2 let arr = [1, 2, 3]; arr += [4, 5, 6]; // arr is now [1, 2, 3, 4, 5, 6]
在第一个示例中，+= 运算符用于将空字符串连接到 text 变量。由于空字符串没有任何字符，因此这不会改变 text 变量的值。
在第二个示例中，+= 运算符用于向 num 变量添加 1。这将 num 的值增加 1。
在第三个示例中，+= 运算符用于连接两个数组。这将把两个数组的元素组合成一个数组。
Javascript 中 'text +=" "' 指示符的目的
语法 1
var 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>
语法 2
var 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 内容时，这种编写方式很有帮助。它还可以避免在单行中编写较长代码时出现语法格式错误的可能性。
我们已经看到了两种方法。每个人都可以根据自己的程序需求选择一种方法。
90 次浏览
