localStorage オブジェクトが最新の JS API に追加され、ユーザーが Web 側(cè)データを永続的に保存できるようになりました。さらに、HTML5 標(biāo)準(zhǔn)ではブラウザが少なくとも 4MB をサポートする必要があるため、データは HTTP リクエストでバックエンド サーバーに送信されず、保存されるデータのサイズを考慮する必要がありません。したがって、これは完全に機(jī)能を覆します。このアプリケーションは、複雑なユーザー トレース データをローカルに保存して、非常に便利な技術(shù)サポートを提供します。次に、localStorageのよく使われるメソッドを紹介します。

localStorage は、ローカル ストレージ上で関連する操作を?qū)g行するのに役立つ 4 つのメソッドを提供します。

• setItem(key, value) は、ローカル ストレージ データを追加します。 2 つのパラメータは非常に単純なので、詳細(xì)は説明しません。

• getItem(key) は、key を通じて対応する Value を取得します。

• removeItem(key) はキーごとにローカルデータを削除します。

• clear() はデータをクリアします。

<script type="text/javascript">
        //添加key-value 數(shù)據(jù)到 sessionStorage
        sessionStorage.setItem("demokey", "http://blog.itjeek.com");
        //通過(guò)key來(lái)獲取value
        var dt = sessionStorage.getItem("demokey");
        alert(dt);
        //清空所有的key-value數(shù)據(jù)。
        //sessionStorage.clear();
        alert(sessionStorage.length);
    </script>

JS の學(xué)習(xí)とデバッグを半分の労力で 2 倍の結(jié)果を得るには、Chrome のデバッグ ツールを利用する必要があります。もちろん、Chrome も私のお?dú)荬巳毪辘?Web 開(kāi)発補(bǔ)助ツールです。IE を含め、F12 ショートカット キーですぐにツールを開(kāi)くことができます。下の図から、現(xiàn)在のブラウザーで sessionStorage データを表示できます。