HTML5 Web ストレージの使用方法は?

Web ストレージ、Cookie よりも優れたローカル ストレージ方法

localStorage と sessionStorage

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

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

rrreええ

ローカルストレージobject

localStorageオブジェクトに保存されるデータに期限はありません

//是否支持if(typeof(Storage)!=="undefined")
{// 是的! 支持 localStorage  sessionStorage 对象!// 一些代码.....} else {// 抱歉! 不支持 web 存储。}

localStorageでもsessionStorageでも利用できるAPIは同じで、よく使われるAPIは以下の通りです(localStorageを例にすると例として):

localStorage.sitename="小南瓜";
document.getElementById("result").innerHTML="网站名：" + localStorage.sitename;

ヒント: キーと値のペアは通常、文字列として保存されます。必要に応じてこの形式を変換できます。

保存数据：localStorage.setItem(key,value);
读取数据：localStorage.getItem(key);
删除单个数据：localStorage.removeItem(key);
删除所有数据：localStorage.clear();
得到某个索引的key：localStorage.key(index);

sessionStorage object

SessionStorage はセッションのデータを保存します。ユーザーがブラウザウィンドウを閉じると、データは削除されます

rreee

simpleウェブサイトリストプログラム

rreee

running結果：

json.stringify

ストアオブジェクトデータ、オブジェクトを文字列に変換

if(typeof(Storage)!=="undefined")
{
　　if (localStorage.clickcount)
　　{
　　localStorage.clickcount=Number(localStorage.clickcount)+1;
　　}
　　else
　　{
　　localStorage.clickcount=1;
　　}
　　document.getElementById("result").innerHTML=" 你已经点击了按钮 " + localStorage.clickcount + " 次 ";
}
else
{
document.getElementById("result").innerHTML="对不起，您的浏览器不支持 web 存储。";
}

JSON.parse

文字列をJSONオブジェクトに変換

　　 if(typeof(Storage)!=="undefined")
    {
        if (sessionStorage.clickcount)
        {
            sessionStorage.clickcount=Number(sessionStorage.clickcount)+1;
        }
        else
        {
            sessionStorage.clickcount=1;
        }
        document.getElementById("result").innerHTML="在这个会话中你已经点击了该按钮 " + sessionStorage.clickcount + " 次 ";
    }
    else
    {
        document.getElementById("result").innerHTML="抱歉，您的浏览器不支持 web 存储";
    }

上記はJSON.stringify変換の結果です

以下はJSON.parse変換の結果です

以上がHTML5 Web ストレージの使用方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。