JavaScript 本地存储

时间:2019-09-25
本文章向大家介绍JavaScript 本地存储,主要包括JavaScript 本地存储使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
  • 简介
    Cookie 是一些数据, 存储于你电脑上的文本文件中,用于存储 web 页面的用户信息
    Cookie 数据是以键值对的形式存在的,每个键值对都有过期时间。如果不设置时间,浏览器关闭,cookie就会消失
    Cookie 内存大小受限,一般每个域名下是4K左右,每个域名大概能存储50个键值对
  • 基本操作
    通过访问document.cookie可以对cookie进行创建,修改与获取。
    默认情况下,cookie 在浏览器关闭时删除,你还可以为 cookie的某个键值对 添加一个过期时间
    如果设置新的cookie时,某个key已经存在,则会更新这个key对应的值,否则他们会同时存在cookie中
<script>
    // 设置cookie
    document.cookie = "username=orochiz"
    document.cookie = "age=20"

    // 读取cookie
    var msg = document.cookie
    console.log(msg) // username=orochiz; age=20

    // 添加过期时间(单位:天)
    var d = new Date() // 当前时间 2019-9-25
    var days = 3       // 3天
    d.setDate(d.getDate() + days)
    document.cookie = "username=orochiz;"+"expires="+d

    // 删除cookie (给某个键值对设置过期的时间)
    d.setDate(d.getDate() - 1)
    console.log(document.cookie)
</script>

原文地址:https://www.cnblogs.com/OrochiZ-/p/11585128.html