首页澳门新葡亰官方网站 › HTML5落实当地储存--localStorage、sessionStorage,sessionlocalstorage

HTML5落实当地储存--localStorage、sessionStorage,sessionlocalstorage

HTML5实现本地储存--localStorage、sessionStorage,sessionlocalstorage

在html5中提供了两种方式在客户端实现本地储存,分别是localStorage、sessionStorage
  我们可以直接调用javascrip使用接口,实现数据存储
图片 1
图片 2    
先来说说这两者的区别:
·localStorage保存在客户端后,在浏览器关闭后是永久有效存在的,sessionStorage在关闭了窗口是失效
·localStorage在本域的窗口之间是互相共享的,sessionStorage只在本窗口有效的
  localStorage和sessionStorage的用法: ·set
localStorage[’name’] = ‘x’; localStorage.name = ‘x’;
localStorage.setItem[’name’,’x’];   ·get
localStorage.getItem[’name'] localStorage.name   ·delete
localStorage.removeItem[’name']   获取长度 : localStorage.length
localStorage.name.length   sessionStorage也是和localStorage一样的用法  
我们在使用localStorage保存数据时,存入的格式都是字符串,取出来也是字符串,所以使用前要记得用JSON.parse将数据序列化之后再使用
图片 3
在web app上用来做离线缓存、跨页面数据交互还是很方便的说    
如果文中有错误的地方,欢迎大家指正:)              

在html5中提供了两种方式在客户端实现本地储存,分别是localStorage、sessionStorage我...

        
两者都可以当做普通js对象使用,通过.key或[key]去设置和获取数据,新的浏览器还提供了正式的API:

  1、Web存储:localStorage 和 sessionStorage
代表同一个Storage对象--持久化的索引为字符串,值也是字符串的数组;

  
3、客户端数据库(html5):IndexedDB:一个对象数据库;Chrome和FireFox新版本支持;

        localStorage     :
存储的数据是永久性的,同源的文档间共享数据;可以读取或覆盖数据;但是受浏览器限制;

二、存储的不同形式:

        sessionStorage
:作用域限制在窗口或标签页,标签页关闭后会删除所有数据;

//保存cookie:
function setCookie(name,value){
    //对value值进行表面,转义分号,逗号和空白符;
    var cookie = name+""+encodeURIComponent(value);
    cookie += "; max-age="+3000;//设置有效期 毫秒数;
    cookie += ";path=/";        //设置作用域路径
    cookie += ";domain="+domain;//作用域域名 只能是当前服务器的域;
    cookie += "; secure"; //设置此属性,则只有通过HTTPS或其他安全协议连接是才能传递cookie;

    document.cookie = cookie; //保存
}
//改变与删除cookie都要使用相同的名字、路径和域; 改变时,值设为新的; 删除时,设置max-age=0;
//读取所有cookie值
function getCookie(){
    var cookies = {};
    var all = document.cookie;
    if(all === ""){
        return cookies;
    }
    var list = all.split("; ");
    for(var i in list){
        var cookie = list[i];
        var p = cookie.indexOf("=");
        cookies[cookie.substring(0,p)] = decodeURLComponent(cookie.substring(p+1));
    }
    return cookies;
}     

  2、cookie:
cookie数据会自动在Web浏览器和Web服务器之间传输,因此服务器脚本可以读写存储在客户端的cookie值;  

        

一、前言:

转载本站文章请注明出处:澳门新葡亰官方网站 http://www.radioritmo-bl.com/?p=173

上一篇:

下一篇:

相关文章