ホームページ  >  記事  >  ウェブフロントエンド  >  html5 Web ローカル ストレージは cookies_html5 チュートリアルのヒントを置き換えます

html5 Web ローカル ストレージは cookies_html5 チュートリアルのヒントを置き換えます

WBOY
WBOYオリジナル
2016-05-16 15:50:401276ブラウズ

HTML5 は、Cookie を置き換えるローカル キャッシュ メカニズムを提供します。Cookie はブラウザーを使用してサーバーに送信されません。 jsを使うことでクライアント側のローカルキャッシュを自由に操作することができます。 html5のキャッシュには主にlocalStorageとsessionStorageが含まれます。それらの使用法には一貫性があります。違いは、制限時間が異なることです。 localStorage には時間制限はありません。 SessionStorage はセッション データ ストレージに基づいており、Web サイトを閉じるか離れると、データは削除されます。

公式のサンプル操作を簡単に見てみましょう:
javascript

コードをコピー
コードは次のとおりです。

localStorage.fresh = “vfresh.org” //キー値を設定します
var a = localStorage.fresh;キーの値

またはその API を使用します:
javascript

コードをコピー
コードは次のとおりです:

//ストレージをクリアします
localStorage.clear();
//キー値を設定します
localStorage.setItem( "fresh", "vfresh .org");
//キー値を取得します
localStorage.getItem("fresh")
//return "vfresh.org" //指定された添字を持つキー (配列など)
localStorage.key(0);
//return "fresh" //キー value
localStorage.removeItem("fresh");これは同じなので、ナンセンスな話をする必要はありません。これは有効期限 Expire=0 の Cookie です。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。