ホームページ > 記事 > ウェブフロントエンド > html5の2つの保存方法とは
html5 の 2 つの保存方法は、1. アプリケーション キャッシュ (アプリケーション キャッシュ)、Web アプリケーションをキャッシュしてネットワークなしでも使用できること、2. ローカル ストレージ (localStorage または sessionStorage)、データを保存できることです。クライアント側に保存されます。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
HTML5 ではアプリケーション キャッシュが導入されています。これは、Web アプリケーションをキャッシュし、ネットワークがなくても使用できることを意味します。
#アプリケーション キャッシュには 3 つの特徴があります
#オフライン ブラウジングマニフェスト ファイルの推奨ファイル拡張子は「.appcache」です。
<!DOCTYPE HTML> <html manifest="demo.appcache"> <body> The content of the document...... </body> </html>
マニフェスト ファイルは、何がキャッシュされているか (何がキャッシュされていないのか) をブラウザーに伝える単純なテキスト ファイルです。
マニフェスト ファイルは 3 つのセクションに分けることができます。
キャッシュ マニフェスト - この見出しの下にリストされているファイルは、最初のダウンロード後にキャッシュされますCACHE MANIFEST # 2012-02-21 v1.0.0 /theme.css /logo.gif /main.js NETWORK: login.asp FALLBACK: /html5/ /404.html
2. ローカル ストレージ
#localStorage -時間制限のないデータ ストレージ
localStorage と sessionStorage のメソッド:
setItem は値を格納します。
目的: 値をキー フィールドに保存する
コード例:
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");
コード例:
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");
コード例:
sessionStorage.removeItem("key"); localStorage.removeItem("site");
sessionStorage は永続的なストレージではないため、ブラウザを閉じるとクリアされます。 LocalStorage は永続的なローカル ストレージに使用され、データが積極的に削除されない限り、データが期限切れになることはありません。
関連する推奨事項:「html ビデオ チュートリアル
」以上がhtml5の2つの保存方法とはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。