localStorage 浏览器资料储存

1. localStorage 为一唯读属性, 此属性允许您存取目前文件(Document)隶属网域来源的 Storage 物件; 与 sessionStorage 不同的是其储存资料的可存取范围为跨浏览页状态(Browser Sessions).
2. localStorage 的应用与 sessionStorage 相似, 除了 localStorage 的储存资料并无到期的限制, 而 sessionStorage 的储存资料於目前浏览页状态结束的同时将一并被清除 — 也就是目前浏览器页面被关闭的同时.
3. 网页制作时经常运用在"曾经点选过的物件纪录"

<h1>姓名</h1>
<input type="text" class="textClass">
<input type="button" class="btnClass" value="点击">
<input type="button" class="btnCall" value="呼叫">

const btn = document.querySelector('.btnClass');
const call = document.querySelector('.btnCall');

function saveName(e){
  const str = document.querySelector('.textClass').value;
  localStorage.setItem('myName', str);
}

btn.addEventListener('click', saveName);
call.addEventListener('click', function(){
  const str = localStorage.getItem('myName');
  alert('姓名:'+str);
})

今天就到这边结束了。