JavaScript对在浏览器本地储存数据的理解

JavaScript中在浏览器本地存储数据和读取

前言

对于js的初学者，console.log()可以在控制台上输出内容，这可以方便很多调试。除去对JavaScript在浏览器本地储存数据和读取的利用外，本篇的尾声同时会介绍一些有用的方法。

正文

localStorage介绍

使用localStorage。localStorage可以在浏览器本地储存数据，同时如果不去删除，它将长期存在，而不会随浏览器的关闭，刷新而消失。

localStorage的使用方法

存入方法：

localStorage.name = 'the thing that you want to save';

如果你要储存的是一个数值型的变量，它将不需要引号，但是存入的数据将会变成字符类型的数据，如下：

var numberone = 10;//数值类型的变量localStorage.numberone = numberone;//数字被转成字符

读取：

读取出来是字符类型的：

var TypeString = localStorage.name;

读取出来是数值（number）类型的（存入的数据得要是数值类型）：

var TypeNumber = Number(localStorage.name);

这里用到了一个函数Number（），它会将括号内的数据强行装换成数值类型（number），如果数据不能被转换，则返回NaN。

注意：当localStorage没有被赋值的时候，用Number转换它也会返回NaN。

清除

localStorage能存储的数据是5M，这个大小大部分时间都够用，但是如果对应的删除函数，它将一直存在用户的浏览器里。

删除函数：

删除特定的localStorage缓存：localStorage.removeItem

var numberone = 10;localStorage.nm = numberone;localSrorage.name = "Myname";localStorage.removeItem("nm");//清除了localStorage.nm在本地的储存，而localStorage.name不受到影响

全部清除:localStorage.clear

var numberone = 10;localStorage.nm = numberone;localSrorage.name = "Myname";localStorage.clear();//清除了localStorage在本地的所有储存

sessionStorage

用法和localStorage基本一致，但是当会话关闭，数据立刻消失。

尾声

一些js的理解和运用：
1、typeof（）查看数据类型
2、console.log（）在控制台上输出括号内容。
3、console.log(typeof(  ))两个函数的组合，当它被运行时，你可以在控制台上看到括号里数据的类型。
4、一个没有被定义的量，它的值等于underfined。
5当js写在body前面时，游览器会先加载js，如果js里面针对body里HTML元素的定位没有加载出来，浏览器会报错。
处理方法，把js放到后面或者用window.onload。

---

期待下次的相遇——来自一条咸鱼的新手教程。