Самый простой и безопасный способ использования оператора конкатенации (+
) для назначения или сохранения блока HTML-кода в переменной JavaScript. Вы должны использовать одинарные кавычки при ограничении блока кода HTML, это упростит сохранение двойных кавычек в фактическом коде HTML.
Вам также необходимо избегать одинарных кавычек, которые появляются внутри содержимого блока HTML — просто замените символ '
на \'
, как показано в следующем примере:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Store HTML Code in JavaScript Variable</title>
</head>
<body>
<div id="wrapper"></div>
<script>
// Сохраняем блок HTML-кода в переменную
var codeBlock = '<div class="content">' +
'<h1>This is a heading</h1>' +
'<p>This is a paragraph of text.</p>' +
'<p><strong>Note:</strong> If you don\'t escape "quotes" properly, it will not work.</p>' +
'</div>';
// Вставляем блок кода в элемент оболочки
document.getElementById("wrapper").innerHTML = codeBlock
</script>
</body>
</html>