WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

如何在 JavaScript 中创建多行字符串

主题:JavaScript / jQuery上一页|下一页

答案:使用字符串连接

您可以使用字符串连接(通过 + 运算符)来创建多行字符串。

以下示例将向您展示如何使用字符串连接在 JavaScript 中动态组合一些 HTML 内容并将其打印到网页上。

<script>
    // 创建多行字符串
    var str = '<div class="content">' +
                  '<h1>这是一个标题</h1>' +
                  '<p>This is a paragraph of text.</p>' +
              '</div>';
    
    // 打印字符串
    document.write(str);
</script>

有更好的方法来做到这一点。 从 ES6 开始,您可以使用 模板文字 非常轻松地创建多行字符串。 模板文字使用反引号 (`) 语法,如下例所示:

<script>
    // 创建多行字符串
    var str = `<div class="content">
                  <h1>这是一个标题</h1>
                  <p>This is a paragraph of text.</p>
               </div>`;
    
    // 打印字符串
    document.write(str);
</script>

查看 JavaScript ES6 特性 的教程,了解 ES6 中引入的新特性。


FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答:

Advertisements