菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端基础-付盼盼-20230518 [打印本页]

作者: 下潜 时间: 2023-5-22 19:45
标题: 前端基础-付盼盼-20230518
一、学习内容

localStorage 持久存储
sessionStorage 属性允许你访问一个，对应当前源的 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。
页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。
在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文，这点和 session cookie 的运行方式不同。
打开多个相同的 URL 的 Tabs 页面，会创建各自的 sessionStorage。
关闭对应浏览器标签或窗口，会清除对应的 sessionStorage。

保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');

从 sessionStorage 获取数据
let data = sessionStorage.getItem('key');

从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key');

从 sessionStorage 删除所有保存的数据
sessionStorage.clear();

      sessionStorage 临时（会话）存储
      1. setItem()
      - 键（字符串类型）
      - 值（字符串）
      2. getItem() 结果有就是对应的值，没有的结果是 null
      - 键
      3. removeItem('uname')
      - 键
      4. clear()
      清除所有内容
console.log(box.style.width) //只能读取到行内样式

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)