如何在 JavaScript 本地存储中逐行存储所有内容？

Question

我有这个 html::

<div>
<h1>This is heading</h1>
</div>

我想按原样将此 html 存储在本地存储中。

但如果我尝试将这个 html 原样存储在本地存储中，它会存储如下内容::

<div><h1>This is heading</h1></div>

有什么办法吗？？

Answer 1

您可以在 JavaScript 的模板字符串中这样做。

下面的代码示例：

var html = `<div>
<h1>This is heading</h1>
</div>`;

localStorage.setItem('html', html)

获取项目返回多行字符串。

localStorage.getItem('html')
 "<div>
 <h1>This is heading</h1>
 </div>"