javascript - 如何保存 DOM 插入？

Question

我想知道如何保存我的 HTML 页面之前的 DOM 插入。代码：

//With jQuery
$('#container').append('Hi!');

并且窗口将显示Hi!，但我想知道如何将插入保存到，当我刷新页面时，显示我 2 Hi!，这是先前插入 jQuery 标记的结果。

如何在执行代码后保存 javascript 所做的 HTML 结构的更改（如下例所示）？

Answer 1

您可以通过多种不同方式保存您的状态。

1. 保存在服务器中（通过 AJAX 保存在数据库或会话中）
2. 保存在 Cookies 中（您可以通过访问 JavaScript 中的 cookie 将数据保存在本地）
3. 保存在 LocalStorage（这是 HTML5 的一部分，这意味着这在非现代浏览器中不起作用）