£. 关于 HTML5 本地缓存 Window.localStorage

首先是检查浏览器是否存在本地缓存。

在 HTML 5 中，本地存储是一个 window 的属性，包括 localStorage 和 sessionStorage。

localStorage：一直存在本地的；

sessionStorage：窗口一旦关闭就没了。

如何检查浏览器是否讯在本地缓存：

if(window.localStorage){

alert("ture")

}else{

alert("false")

}

本地存储的方式就是直接给 window.localStorage 添加一个属性。

他的读、写、删等操作非常简单，例如：

localStorage.a = 3;//设置a为"3"

localStorage["a"] = "sfsf";//设置a为"sfsf"，覆盖上面的值

localStorage.setItem("b","isaac");//设置b为"isaac"

var a1 = localStorage["a"];//获取a的值

var a2 = localStorage.a;//获取a的值

var b = localStorage.getItem("b");//获取b的值

localStorage.removeItem("c");//清除c的值

最推荐使用的是 getItem() 和 setItem()，

清除键值对使用removeItem()。

如果希望一次性清除所有的键值对，可以使用clear()。

另外，HTML5还提供了一个key()方法，可以在不知道有哪些键值的时候使用，如下：

var storage = window.localStorage;

function showStorage(){

for(var i=0;i<storage.length;i++){

//key(i)获得相应的键，再用getItem()方法获得对应的值

document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");

}

}

写一个简单的，利用本地存储的计数器：

var storage = window.localStorage;

if(!storage.getItem("pageLoadCount"))storage.setItem("pageLoadCount",0);

storage.pageLoadCount = parseInt(storage.getItem("pageLoadCount")) + 1; //必须格式转换

document.getElementByIdx_x("#count").innerHTML = storage.pageLoadCount;

showStorage();