localstorage的简单介绍

素颜马尾好姑娘i 2021-11-17 10:28 515阅读 0赞

## 1、首先 ##

首先还是要先翻译一下单词的中文意思，代码的理解通常都是从翻译单词和标点符号开始。

--------------------

## 2、翻译 ##

localstorage是两个词local和storage组合而来，local的中文意思是“本地的，当地的”，storage的中文意思是“存储”，所以词组翻译就是本地存储的意思。

--------------------

## 3. 如何创建localstorage ##

localstorage是window对象的API，作用是在本地浏览器内存中创建一个key：value的属性。  
通常有三种方法来创建localstorage：

*  `localStorage.key=value`
 *  `localStorage["key"]=value`
 *  `localStorage.setItem("key","value")`

通过以上方法，我们就能让这组key和value储存在**当前地址**下的浏览器内存中了。  
（要注意是在**当前地址**下，若只是第一组域名相同的情况下则各地址路径的localstorage不通用）

--------------------

## 4. 如何提取localstorage ##

和创建localstorage一样，提取localstorage同样也有三种方法：

*  `localStorage.key`
 *  `localStorage["key"]`
 *  `localStorage.getItem("key")`

通过以上方法，我们就能提取出该key对应的value值。

--------------------

## 5. 其他一些常用的locastorage的API ##

在此列出其他常用的locastorage的API：

*  `localStorage.remove(key)` \----删除某个key值
 *  `localStorage.clear()`\----删除所有key值

--------------------

## 6.其他 ##

*  localstorage中key对应的value值可以是任何属性的值，默认为string（字符串）
 *  localstorage没有存储时间限制，直到他们被移除为止
 *  [菜鸟教程中的localstorage介绍][localstorage]
 *  [localstorage的MDN][localstorage_MDN]

[localstorage]: https://www.runoob.com/jsref/prop-win-localstorage.html
[localstorage_MDN]: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/localStorage

发表评论取消回复

表情：

评论列表（有 0 条评论，515人围观）

还没有评论，来说两句吧...

相关阅读

相关 sessionStorage和localStorage介绍

Web Storage中定义了2个对象：`sessionStorage`和`localStorage`。这两种API提供了在浏览器中不受浏览器页面刷新影响而存储数据的方式。

傷城~/ 2022年11月11日 13:11/ 0 赞/ 168 阅读

相关 audio的简单介绍

习惯直接上代码，相关说明写在了注释里面。 <!DOCTYPE html> <html lang="en"> <head> <met

旧城等待，/ 2022年06月12日 02:25/ 0 赞/ 249 阅读

相关对localStorage的封装，使用更简单

//在get时，如果是JSON格式，那么将其转换为JSON，而不是字符串。以下是基础代码： var Store = { get: functio

朱雀/ 2022年06月06日 02:24/ 0 赞/ 202 阅读

相关 vuex的简单介绍

1、vuex的定义 1）Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式，使用插件的形式引进项目中 2）集中存储和管理应用的所有组件的状态，并以

Myth丶恋晨/ 2022年05月21日 23:04/ 0 赞/ 278 阅读

相关 WebGL的简单介绍

1、WebGL的定义 WebGL（Web图形库，Web graphic library）是一种JavaScript API，在不使用插件的情况下，在任何兼容的网页浏览器中

青旅半醒/ 2022年05月21日 10:27/ 0 赞/ 285 阅读

相关 MongoDB的简单介绍

MongoDB的安装和启动就不介绍了; 创建maven工程,引入依赖 <dependencies> <dependency>

一时失言乱红尘/ 2022年05月15日 15:54/ 0 赞/ 284 阅读

相关 localStorage的简单存储和删除

<script> //localStorage存值永久有效 function setItems(){ var u

àì夳堔傛蜴生んèń/ 2022年02月23日 13:42/ 0 赞/ 362 阅读

相关 smarty的简单介绍

我们可以看到，smarty的程序部分实际就是符合php语言规范的一组代码，我们依次来解释一下： 1。/\\/语句：包含的部分为程序篇头注释。主要的内容应该为对程序的作

落日映苍穹つ/ 2021年12月21日 18:47/ 0 赞/ 315 阅读

相关简单介绍

VuGen： vugen的脚本分为三个部分：Vuser\_init、Action、Vuser\_end。其中Vuser\_init和Vuser\_end都只能存在一个，而Ac

墨蓝/ 2021年12月16日 04:18/ 0 赞/ 488 阅读

相关 localstorage的简单介绍

1、首先首先还是要先翻译一下单词的中文意思，代码的理解通常都是从翻译单词和标点符号开始。 -------------------- 2、翻译 localsto

素颜马尾好姑娘i/ 2021年11月17日 10:28/ 0 赞/ 516 阅读