Вы можете использовать конкатенацию строк (с помощью оператора +) для создания многострочной строки.

В следующем примере показано, как динамически составлять некоторый контент HTML в JavaScript, используя конкатенацию строк, и печатать его на веб-странице.

<script>
    // Создаем многострочную строку
    var str = '<div class="content">' +
                  '<h1>This is a heading</h1>' +
                  '<p>This is a paragraph of text.</p>' +
              '</div>';
    
    // Печатаем результат
    document.write(str);
</script>

Есть даже лучший способ сделать это. Начиная с ES6, вы можете очень легко использовать шаблонные литералы для создания многострочных строк. В шаблонных литералах используется синтаксис обратных кавычек (`), как показано в примере ниже:

<script>
    // Создаем многострочную строку
    var str = `<div class="content">
                  <h1>This is a heading</h1>
                  <p>This is a paragraph of text.</p>
               </div>`;
    
    // Печатаем результат
    document.write(str);
</script>

Подробнее см. руководство по функциям JavaScript ES6, чтобы узнать о новых функциях, представленных в ES6.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.