美文网首页
本地存储 localStorage

本地存储 localStorage

作者: Roadsun | 来源:发表于2017-12-06 13:00 被阅读0次

    localStorage

    特性

    域内安全、永久保存。即客户端或浏览器中来自同一域名的所有页面都可访问localStorage数据且数据除了删除否则永久保存,但客户端或浏览器之间的数据相互独立。

    判断浏览器是否支持localStorage

    if(!window.localStorage){
                alert("浏览器支持localstorage");
                return false;
            }else{
                //主逻辑业务
            }
    

    localStorage写入

    localStorage.setItem(键名,键值)

     localStorage.setItem("coffeeType", "mocha");      
    //存储键名为coffeeType和键值为mocha的数据到本地
     localStorage.setItem("coffeePrice", "28");       
    //存储键名为coffeePrice和键值为28的数据到本地
    

    localStorage读取

    localStorage.getItem(键名)

     var data = localStorage.getItem("coffeeType");   
    //读取对应键名为coffeeType的数据
    

    localStorage删除

    localStorage.removeItem(键名)
    localStorage.clear()

    localStorage.removeItem("coffeeType");           
    //从本地存储中移除键名为coffeeType的数据
    localStorage.clear();     
     //清除本地储存的所有数据
    

    相关文章

      网友评论

          本文标题:本地存储 localStorage

          本文链接:https://www.haomeiwen.com/subject/szvkixtx.html