localStorage的几个特点:
1.存储大小:20Mb
2.不同浏览器不能共享数据,在统一浏览器下同一域名下不同页面可以共享数据
3.存储数据在硬盘上的,生命周期:永久存储 如需删除需手动删除
常用的方法:
setItem() 添加
removeItem() 删除
getItem() 获取
<body>
<input type="text" name="username" id="name">
<input type="button" value="添加" id="add">
<input type="button" value="删除" id="remove">
<input type="button" value="获取" id="get">
</body>
<script>
document.querySelector("#add").onclick = function () {
var name = document.querySelector("#name").value;
localStorage.setItem("username",name);
}
document.querySelector("#remove").onclick = function () {
localStorage.removeItem("username");
}
document.querySelector("#get").onclick = function () {
var nam = localStorage.getItem("username");
alert(nam);
}
</script>