blog

HTMLのローカル・ストレージ・オブジェクト

クライアント側にデータを保存する2つのオブジェクトの違い日付制限のないストレージ現在のセッションのデータ(タグ)のみを保存するストレージ...

Apr 13, 2020 · 1 min. read
1.ローカルストレージ

2.セッションストレージ

ローカルストレージ 日付制限のないストレージ
セッションストレージ 現在のセッションのデータのみを保存


ブラウザが

if(typeof(storage) !== 'undefined'){
 
}else{
 //申し訳ないが、サポートされていない。
}


使用方法

// Check browser support
if (typeof(Storage) !== "undefined") {
 // Store
 localStorage.setItem("lastname", "Gates");
 // Retrieve
 document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
 document.getElementById("result").innerHTML = "申し訳ない!お使いのブラウザはウェブストレージをサポートしていない...";
}


ローカルストレージとクッキーの違い

ローカルストレージは、より安全で、より限定的で、情報はサーバーに保存されません。

Read next

ポップアップウィンドウの外側をクリックして閉じる

<div class="box"> <div class="content" style="width: 200px; height: 350px; border: 1px sol

Apr 13, 2020 · 1 min read