<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script language="JavaScript">
function onLoad() {
if(typeof(Storage) == "undefined") {
alert("您的浏览器不支持Web storage")
} else {
btn_save.addEventListener("click", saveToLocalStorage);
btn_load.addEventListener("click", loadFromLocalStorage);
}
}
function saveToLocalStorage() {
localStorage.usename = inputname.value;
}
function loadFromLocalStorage() {
show_LocalStorage.innerHTML = localStorage.usename + "你好~欢迎来到我的网站~";
}
</script>
</head>
<body>
<body οnlοad="onLoad()">
<img src="img/32bf456d57b9e37f12d52aad1090a02c_t01c55ce3d95f089200.jpg" width="1000px" height="600px"></br>
请输入你的姓名:<input type="text" id="inputname" value=""></br>
<div id="show_LocalStorage"></div>
<button id="btn_save">存储到localStorage</button>
<button id="btn_load">从localstorage读取数据</button>
</body>
</body>
</html>
Storage存储范例
最新推荐文章于 2021-04-18 21:01:01 发布