如何将附加的html保存到文档中？

Question

假设我通过jquery将html追加到元素中。如何保存它以便每次加载页面时，新添加的html元素仍将适用？

Answer 1

您在这里要求的是在页面重新加载的情况下保持状态

你可以多种方式做到这一点 1.使用Localstorage保存附加的html然后在$（function（）{}内部检索html并再次附加它。
2.每次你附加HTML都会以编程方式更改文档的哈希值，这样每当你再次访问该页面时，你就可以读取哈希并发送一个新的AJAX请求来检索html内容，然后附加它

Answer 2

通过localStorage快速完成此操作（这意味着您需要modern browser）

保存HTML

window.onunload = function() { 
    localStorage.setItem(
        "page_"+window.location.pathname,
        document.body.innerHTML
    ); 
};

加载HTML

window.onload = function() { 
    document.body.innerHTML = localStorage.getItem("page_"+window.location.pathname);
};

这并不保证100％的一致性，例如，如果您iframes指向外部域，则不会复制其src属性。

Answer 3

这取决于它是什么类型的网站，但如果对DOM的更改是永久性的，并且只允许注册用户进行更改，我可能会将HTML片段写入文件，并跟踪数据库中的更改。然后在每次请求页面时呈现HTML片段。