58-JS-本的存储cookie,h5本地存储localStorage,sessionStorage,继承,onstorage

31 篇文章 0 订阅 ¥99.90 ¥299.90
本文详细介绍了JavaScript中的本地存储方式,包括cookie、localStorage和sessionStorage的使用,如写入、读取、删除操作。同时,讨论了三种存储方式的区别,特别是在时效性上的差异。此外,还探讨了JavaScript中的继承机制,包括原型链继承、构造函数继承和组合函数继承,并提到了onstorage事件的应用。
摘要由CSDN通过智能技术生成

三种存储需要用本地服务器打开

1.本地存储cookie 

alert(document.cookie);//弹出空弹窗,说明支持cookie,但cookie里面没有东西

1.1写入一条cookie,语法:name=value(是一串字符串)

    读取cookie

      //语法:name=value(是一串字符串)
      //写入一条cookie
      document.cookie = "a=123";
      //读取cookie
      console.log(document.cookie);//输出a=123(一串字符串,名字和值连在一块的)

1.2编码写入encodeURIComponent(),解码读取 decodeURIComponent().

      //编码写入
      document.cookie = "a=" + encodeURIComponent(&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在 Web 应用程序中,我们经常需要在浏览器中保存一些数据,以便在下一次访问应用程序时可以直接读取这些数据。为了实现这个功能,Web 浏览器提供了两种本地数据存储方式:`localStorage` 和 `sessionStorage`。 `localStorage` 和 `sessionStorage` 都是浏览器提供的 JavaScript API,可以用来在浏览器中保存和读取数据。它们的主要区别在于数据的生命周期和作用域。 `localStorage` 中保存的数据是永久性的,除非用户手动清除,否则数据将一直保存在浏览器中。而 `sessionStorage` 中保存的数据只在当前会话中有效,当用户关闭浏览器窗口或标签页时,数据将被删除。 另外,`localStorage` 中保存的数据可以在不同的窗口或标签页中共享,而 `sessionStorage` 中保存的数据只能在同一个窗口或标签页中共享。 在 JavaScript 中,我们可以使用以下代码来读取和保存数据到本地存储中: ``` // 保存数据到 localStoragelocalStorage.setItem('key', 'value') // 从 localStorage 中读取数据 const value = localStorage.getItem('key') // 从 localStorage 中删除数据 localStorage.removeItem('key') // 清空 localStorage 中的所有数据 localStorage.clear() ``` 类似地,我们可以使用 `sessionStorage` 来读取和保存数据: ``` // 保存数据到 sessionStoragesessionStorage.setItem('key', 'value') // 从 sessionStorage 中读取数据 const value = sessionStorage.getItem('key') // 从 sessionStorage 中删除数据 sessionStorage.removeItem('key') // 清空 sessionStorage 中的所有数据 sessionStorage.clear() ``` 需要注意的是,`localStorage` 和 `sessionStorage` 中只能保存字符串类型的数据,如果需要保存其他类型的数据,需要先将其转换为字符串类型。例如,我们可以使用 `JSON.stringify` 方法将 JavaScript 对象转换为字符串,然后再保存到本地存储中。在读取数据时,需要使用 `JSON.parse` 方法将字符串转换为 JavaScript 对象。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吴椰啵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值