本文介绍如何使用浏览器的localStorage API，在当前页面输入的内容，能够在另一个页面上进行保存和读取，从而实现数据跨页面持久化。
localStorage
当前页面
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div >
<input type="text" id="name" />
<a href="保存缓存跳转到另外页面.html">保存缓存跳转到另外页面.html</a>
<script type="text/javascript">
var myname = document.getElementById("name");
var str = localStorage.getItem("inputText");
if (str) {
myname.value = str;
}
window.onbeforeunload = function () {
localStorage.setItem("inputText",myname.value);
}
</script>
</div>
</body>
</html>
另外页面上保存
<html>
<head>
<meta charset&#
最低0.47元/天 解锁文章
扫一扫
934
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
