html - オブジェクトのデータを保存/取得する HTML5 の方法

Question

次の HTML5 の代替 (jQuery なしの純粋な HTML) は何ですか?

$("#blah#").data("key", value);
var value = $("#blah#").data("key");

Answer 1

localStorage基準を達成するために使用します。

例：

localStorage.setItem('XYZ', value);

// Retrieve the object from storage
var value = localStorage.getItem('XYZ');

Answer 2

データに与えたい有効期間に応じて、localstorageまたはのいずれかを使用できます。sessionstorage

に配置されたデータLocal Storageはドメインごとにあり (最初にデータを保存したドメインのすべてのスクリプトで使用できます)、ブラウザーを閉じた後も保持されます。

Session Storageウィンドウごとのページごとであり、ウィンドウの存続期間に制限されています。Session Storage互いに干渉することなく、同じ Web アプリケーションの個別のインスタンスを異なるウィンドウで実行できるようにすることを目的としています。

セッション ストレージ :

<!-- Store value on browser for duration of the session -->
sessionStorage.setItem('key', 'value');

<!-- Retrieve value (gets deleted when browser is closed and re-opened) -->
alert(sessionStorage.getItem('key'));

ローカルストレージ ：

<!-- Store value on the browser beyond the duration of the session -->
localStorage.setItem('key', 'value');

<!-- Retrieve value (works even after closing and re-opening the browser) -->
alert(localStorage.getItem('key'));

そのための最小バージョンに注意してください：

http://caniuse.com/namevalue-storage