今天我在调试angularJs的代码时,看到了localStorge:
因为服务中没有定义这个对象,所以一开始我以为是ag给我注入的对象,但是后来我搜遍了所有js代码,都找不到这个对象是在哪里定义的。查了一下,发现又出了:
HTML5提供了两种在客户端存储数据的新方法:
以前这些都是cookie做的。但是cookie不适合存储大量数据,因为它们是由每个请求传递给服务器的,这使得cookie速度慢且效率低。
在HTML5中,数据不是每个服务器都请求的,而是只在被请求时使用。它使得在不影响网站性能的情况下存储大量数据成为可能。
这原来是H5的一个新对象。与4K饼干相比,5M的容量是非常大的。
以下是一些常用的脚本:
/*监测浏览器是否支持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好太多了(至少浏览器禁用了这个级别就不用想了)。