HTML拓展-localStorage存储

localStorage存储技术

localStorage存储技术属于JS（JavaScript）的内容，而且还要放在函数中执行，框架如下

<script>
    function()&#123;
    此处放置代码
    &#125;
</script>

localStorage存储的功能有很多，我们一一讲解

输入还是使用input代码，如下

<input id="data" type="text">

储存的代码如下

localStorage.key=data
或者
localStorage.setItem('key',data)

这里说明一下localStorage存储的格式
localStorage存储的内容有两个：key,data
可以理解为是名称和内容，他们俩一一对应。
key和data都可以被当做变量直接赋值，如方法1

直接上代码

var data=localStorage.getItem("key")

如果要把获取的内容显示出来，你需要

<p id="123"></p>

var data=localStorage.getItem("key")
123.innerHTML=data