ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 の LocalStorage と sessionStorage データの Web ストレージ メソッド ローカル ストレージ ケース application_html5 チュートリアル スキル

HTML5 の LocalStorage と sessionStorage データの Web ストレージ メソッド ローカル ストレージ ケース application_html5 チュートリアル スキル

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

Web ページ データのローカル ストレージには、HTML5 Web ストレージの localStorage メソッドと sessionStorage メソッドを使用します。

ページ参照は以下の通りで、ページ上のデータはローカルに保存できます。保存されたデータを読み出してページ上に表示することができます。

LocalStorage (ローカルストレージ) は、データを 1 日、1 年、2 年、またはそれ以上の期間にわたって保存できます。

sessionStorage(セッションストレージ)はブラウザを閉じる前のみ使用されます。ブラウザを閉じるとデータは消えます。

ブロガーのテストによる localStorage の互換性は次のとおりです:
Chrome 4 は localStorage のサポートを開始します

Firefox 3.5 は localStorage のサポートを開始します
Firefox1.5 は globalStorage をサポートします

IE8 は localStorage をサポートします
IE7 互換モードは localStorage をサポートします
IE5.5 は userdata をサポートします

Safari 4 は localStorage をサポートします
Opera10.5 は localStorage をサポートします



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




<メタhttp-equiv="Content-Type" content="text/html; charset=utf-8" />










;



< ;input type="button" class="button" onclick="cleanStorage()" value="ローカル クリア" />


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