javascript - 追加されたHTMLをドキュメントに保存するにはどうすればよいですか？

Question

jqueryを介してhtmlを要素に追加するとします。ページをロードするたびに、要素に新しく追加されたhtmlが引き続き適用されるように、保存するようにするにはどうすればよいですか？

Answer 1

ここで求めているのは、ページのリロードの場合に状態を維持することです。

これは複数の方法で実行できます
。1. Localstorageを使用して追加されたhtmlを保存し、$（function（）{}）内でhtmlを取得して再度追加します。
2. HTMLを追加するたびに、プログラムでドキュメントのハッシュを変更します。そのため、そのページに再度移動するたびに、ハッシュを読み取り、新しいAJAXリクエストを送信してHTMLコンテンツを取得し、追加することができます。

Answer 2

localStorageを介してそれを行う簡単な方法（つまり、最新のブラウザーが必要になります）

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

Webサイトの種類によって異なりますが、DOMに加えられた変更が永続的なものであり、登録ユーザーのみが変更を許可されている場合は、HTMLスニペットをファイルに書き込んで保持します。データベースの変更を追跡します。そして、ページが要求されるたびにHTMLスニペットをレンダリングします。