`

cookie和localStorage常用方法

 
阅读更多

 

cookie读、设、删:

function addcookie(name,value,expireHours){
    var cookieString=name+"="+escape(value)+"; path=/";
    //判断是否设置过期时间
    if(expireHours>0){
        var date=new Date();
        date.setTime(date.getTime+expireHours*3600*1000);
        cookieString=cookieString+"; expire="+date.toGMTString();
    }
    document.cookie=cookieString;
}

function getcookie(name){
    var strcookie=document.cookie;
    var arrcookie=strcookie.split("; ");
    for(var i=0;i<arrcookie.length;i++){
        var arr=arrcookie[i].split("=");
        if(arr[0]==name)return arr[1];
    }
    return "";
}

function delcookie(name){//删除cookie
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getcookie(name);
    if(cval!=null) document.cookie= name + "="+cval+"; path=/;expires="+exp.toGMTString();
}
 

 

 

localStorage读、设、删:

localStorage.getItem( key );
localStorage.setItem( key, value );
localStorage.removeItem( key );

 

 

 

清空cookie

function clearCookie() {
                var keys = document.cookie.match(/[^ =;]+(?=\=)/g);
                if(keys){
                    for(var i=0;i<keys.length;i++){
                        console.log(keys[i]);
                        delcookie(keys[i]);
                    }
                }else{
                    console.log('Cookie已清空');
                }
                console.log('Cookie已清空');
            }

 

 

 

清空localStorage

function clearLocal() {
                var len = window.localStorage.length;
                var arr = [];
                for (var i = 0; i < len; i++) {
                    // 调用key方法获取localStorage中数据对应的键名
                    var getKey = localStorage.key(i);
                    //var getVal = localStorage.getItem(getKey);
                    arr.push(getKey);
                    console.log(getKey);
                }
                console.log(arr);
                for(var k=0;k<arr.length;k++){
                    localStorage.removeItem(arr[k]);
                }
                console.log('localStorage已清空');
            }

 

分享到:
评论

相关推荐

    JS localStorage实现本地缓存的方法

    localStorage和Cookie都是前端存储的常用方法,但它们在用途、存储大小、过期时间等方面存在差异。localStorage一般用于存储大量数据,而Cookie的容量较小,通常用来存储用户会话信息等较小数据。Cookie会随每次HTTP...

    localStorage,sessionStorage的使用

    localStorage和sessionStorage是前端开发中常用的Web存储API,它们为开发者提供了一种在客户端保存数据的方式。localStorage和sessionStorage在使用上有很多相似之处,但也存在关键性的差异。 ### localStorage的...

    利用php实现一周之内自动登录存储机制(cookie、session、localStorage)

    当用户再次访问网站时,服务器首先检查Session,如果没有找到有效Session,则检查Cookie和LocalStorage。如果找到有效的Cookie或LocalStorage信息,服务器可以使用这些信息重新建立Session,实现自动登录。 需要...

    cookie的读取和写入

    以下是一些常用的方法: ##### 3.1 使用`Response.Cookies` ```csharp // 设置单个Cookie Response.Cookies["username"].Value = "gjy"; Response.Cookies["username"].Expires = DateTime.Now.AddDays(1); // ...

    jquery.cookie.js 以及用法 cookie读取与存储

    本文将详细探讨`jquery.cookie.js`的使用方法,包括如何读取和存储Cookie。 ### 1. 安装和引入 首先,你需要下载`jquery.cookie.js`文件,然后在HTML文档中通过`&lt;script&gt;`标签引入。确保jQuery库已经加载,因为`...

    C# 对Cookie、Session、Cache的操作辅助类

    在开发Web应用时,Cookie、Session和Cache是三个非常关键的概念,它们都与数据存储和管理有关,但各有其特性和应用场景。本篇文章将深入探讨C#中对这三个概念的操作辅助类,以及如何利用它们来提升Web应用的性能和...

    cookie_demo5.zip

    在Web开发中,会话管理和用户身份验证是至关重要的部分,而`cookie`和`session`是两种常用的技术。本文将深入探讨`cookie`的概念、禁用处理以及它与`session`的区别,以帮助理解它们在实际应用中的作用。 ### 1. ...

    解析HTML5中的新功能本地存储localStorage

    ### localStorage的常用方法 localStorage提供了非常简单直观的方法来对数据进行操作,包括存储、读取、修改和删除等: - **存储数据:** `localStorage.setItem("key", "value")` 方法用于在localStorage中设置...

    jquery cookie的用法

    **jQuery Cookie的用法详解** ...当然,随着Web存储技术的发展,如localStorage和sessionStorage,Cookie在某些场景下可能不再是最优选择,但在兼容性和轻量级存储方面,jQuery Cookie仍具有其独特的价值。

    HTML5 本地存储 LocalStorage详解

    读取、写入和删除数据的常用方法有: - 写入数据:`localStorage.a = "value"` 或 `localStorage.setItem("key", "value")` - 读取数据:`var value = localStorage.a` 或 `var value = localStorage.getItem("key...

    前端大厂最新面试题-cache.docx

    前端开发中,JavaScript 本地存储是指在客户端存储数据的方式,主要有四种:Cookie、SessionStorage、LocalStorage 和 IndexedDB。下面将详细介绍每种方式的特点、使用场景和缺点。 一、Cookie Cookie 是一种小型...

    JS实现本地存储信息的方法(基于localStorage与userData)

    `initDom`方法用于初始化`userData`,`set`、`get`和`remove`方法分别对应设置、获取和移除本地存储的数据。 通过这样的封装,开发者可以方便地在不同的浏览器环境中使用本地存储功能,而无需关心底层实现的差异。...

    什么是跨域?跨域解决方法.docx

    1. 无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB。 2. 无法接触非同源网页的 DOM。 3. 无法向非同源地址发送 AJAX 请求。 五、跨域解决方法 1. 设置 document.domain 解决无法读取非同源网页的 Cookie...

    JavaScript Cookie显示用户上次访问的时间和次数

    JavaScript 是一种广泛使用的网页编程语言,常用来在客户端实现动态交互和数据处理。在本例中,JavaScript 和 Cookies 被结合使用来记录用户访问网站的时间和次数,并在用户下次访问时显示这些信息。 知识点一:...

    常用javascript前端功能总结

    以上只是部分JavaScript功能的概述,实际的总结中可能还包含了更多细节,如DOM遍历、动画制作、Cookie管理、存储API(localStorage和sessionStorage)、错误日志记录、调试技巧等。通过系统学习和实践这些知识点,...

    jquery中cookie用法实例详解(获取,存储,删除等)

    为了提高代码的可维护性和可读性,你可以创建一个自定义函数来封装`$.cookie()`的常用操作。例如: ```javascript $.extend({ cookieHelper: function(name, value, options) { // 设置、获取或删除Cookie的...

    js使用cookie记录用户名的方法

    在网页开发中,JavaScript(JS)是一种常用的...然而,需要注意的是,cookie存在大小限制(通常4KB左右)和安全风险,因此对于大量数据或敏感信息,应考虑使用更安全的存储方案,如LocalStorage或SessionStorage。

    24小时弹退一次代码

    2. `02.js` 和 `01.js`:这些是JavaScript文件,JavaScript是一种常用的客户端脚本语言,用于增加网页的交互性。在这两个文件中,很可能包含了实现24小时弹退功能的逻辑代码。例如,它们可能包含了检查Cookie、存储...

    前端大厂最新面试题-2020老虎证券前端社招面经.docx

    每个对象都有一个原型链,通过原型链可以继承父对象的属性和方法。 9. HTTP 缓存:HTTP 缓存可以提高网页的加载速度。浏览器会将资源缓存到本地,以便下次访问时可以快速加载。 10. cookie 和 localStorage:...

    JS保存和删除cookie操作 判断cookie是否存在

    接着,文章介绍了使用JavaScript保存和删除Cookie的方法。保存Cookie可以使用以下函数: ```javascript function addCookie(objName, objValue, objHours) { var str = objName + "=" + escape(objValue); if ...

Global site tag (gtag.js) - Google Analytics