HTML 5 Web ストレージ --localStorage_html/css_WEB-ITnose

今天在调一angularJs的代码的時，候到了localStorge:

故にこの对象在サービス里面没有定义，所以刚始始翙これは私にとって ag によって挿入されたオブジェクトでしたが、すべての JS コードを調べましたが、このオブジェクトが定義されている場所が見つかりませんでした。確認したところ、またアウトだったことが分かりました:

HTML5 は、クライアント側でデータを保存する 2 つの新しい方法を提供します:

localStorage - 時間制限のないデータ ストレージ

sessionStorage - セッション用のデータ ストレージ

以前は、これはすべてクッキーを使用して行われました。ただし、Cookie はリクエストごとにサーバーに渡されるため、速度が遅く非効率的になるため、大量のデータを保存するのには適していません。

HTML5 では、サーバーリクエストごとにデータが渡されるわけではなく、データはリクエストされた場合にのみ使用されます。 Web サイトのパフォーマンスに影響を与えることなく、大量のデータを保存できます。

H5の新しいオブジェクトであることが判明しました。4Kクッキーと比較して、これは非常に大きい容量です。

一般的に使用されるいくつかのスクリプトを以下に示します:

  /*监测浏览器是否支持localStorage*/        if (window.localStorage) {            alert('此浏览器支持 localStorage');        } else {            alert('此浏览器不支持localStorage');        }        /*测试添加localStorage*/        localStorage.a = 'lhc';//方法一        alert(localStorage.a);        localStorage["b"] = "pbccccc";//方法二        alert(localStorage["b"]);        /*获取，update,delete localstorge*/        alert(localStorage.getItem("a"));  //获取a的值        localStorage.setItem("a", "lhccccccccc"); //设置a的值        alert(localStorage.a);        localStorage.removeItem("a");//移除a

さらに、localStorage メソッドによって保存されるデータには時間制限がありません。データは翌日、翌週、または翌日以降も利用できます。昔の Cookie よりもはるかに使いやすいです (少なくともブラウザーで無効にすることを考える必要はありません)。