Вы можете использовать конкатенацию строк (с помощью оператора +
) для создания многострочной строки.
В следующем примере показано, как динамически составлять некоторый контент 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.