ホームページ > ウェブフロントエンド > CSSチュートリアル > HTML Web ストレージと Web ストレージ オブジェクト

HTML Web ストレージと Web ストレージ オブジェクト

PHPz
リリース: 2024-07-17 00:32:30
オリジナル
933 人が閲覧しました

HTML web storage and web storage objects

HTML ウェブストレージ

Web ストレージを使用すると、Web アプリケーションはデータをユーザーのブラウザ内にローカルに保存できます。
ウェブ ストレージはより安全であり、ウェブサイトのパフォーマンスに影響を与えることなく、大量のデータをローカルに保存できます。
Web ストレージはオリジンごと、つまりドメインおよびプロトコルごとです。すべてのページは、1 つのオリジンから同じデータを保存し、アクセスできます。

API と Web ストレージ

Google= 4.0
Microsoft Edge= 8.0
Firefox= 3.5

HTML Web ストレージ オブジェクト

HTML Web ストレージは、クライアントにデータを保存するための 2 つのオブジェクトを提供します。
window.localStorage - 有効期限なしでデータを保存します
window.sessionStorage - 1 つのセッションのデータを保存します

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}
ログイン後にコピー

localStorage オブジェクト

localStorage オブジェクトは、有効期限なしでデータを保存します。
データはブラウザを閉じても削除されず、次の日、週、または年後に利用できるようになります。

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
ログイン後にコピー

以上がHTML Web ストレージと Web ストレージ オブジェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート