Javascript怎么实现浏览器本地存储

小天博客 • 09/23 12:01 • 程序猿 • 阅读 18

今天小编给大家分享一下Javascript怎么实现浏览器本地存储的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
一、什么是浏览器本地存储
比如上面的搜索历史记录, 就保存在浏览器本地存储里面
二、怎么实现浏览器本地存储
在window身上有一个localStorage属性, 这个属性有一个setItem方法, 接收两个参数,一个key,一个value.
注意 : key和value必须都是字符串

免费云主机域名
function saveData(){
window.localStorage.setItem(“msg”, “123”)
}

读取本地存储的数据
使用localStorage.getItem()可以读取一条数据

function showData() {
console.log(localStorage.getItem(‘msg’));
}

删除本地存储的数据
使用localStorage.removeItem()可以读取一条数据

function removeData() {
localStorage.removeItem(‘msg’)
}

三、sessionStorage
sessionStorage上面的api和localStorage是一样的.
他俩的区别就是关闭浏览器后, localStorage的数据还存在, sessionStorage的数据就会消失以上就是“Javascript怎么实现浏览器本地存储”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。

相关推荐: 如何搭建小程序音视频

这篇文章主要介绍了如何搭建小程序音视频的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇如何搭建小程序音视频文章都会有所收获，下面我们一起来看看吧。升级微信到最新版本，发现页卡 => 小程序 => 搜索“腾讯视频云”，即…