js 使用 localStorage 实现本地保存

最新推荐文章于 2024-01-08 11:20:45 发布

霜序0.2℃

最新推荐文章于 2024-01-08 11:20:45 发布

阅读量710

点赞数 1

分类专栏：前端文章标签： html html5 javascript

本文链接：https://blog.csdn.net/Dueser/article/details/120797867

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

要求

设计一个页面,有一个发布框,当用户填写后如果未发布,则默认保存,下次打开页面后还会保留在发布框内,如果用户点了发布则不保存。模拟保存本地的过程即可。

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发布</title>
</head>
<body>
<form method="post">
    <label for="msg">请输入信息:</label><input type="text" id="msg">
    <input type="button" id="btn" value="确认" onclick="last()">
</form>

<script>
	window.onload = function () {
		let msg = localStorage.getItem("msg");
		let toMsg = document.getElementById("msg");
		toMsg.value = msg;
	}

	function last() {
		localStorage.clear();
		window.location.href = "issue.html";
	}

	function show() {
		let msg = document.getElementById("msg");
		localStorage.setItem("msg", msg.value);
	}

	setInterval("show()", 1000);
</script>
</body>
</html>

可以结合这篇看看:js 使用 sessionStorage 实现两个页面相互跳转且不丢失之前网页填写的信息

霜序0.2℃

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js 使用 localStorage 实现本地保存

要求设计一个页面,有一个发布框,当用户填写后如果未发布,则默认保存,下次打开页面后还会保留在发布框内,如果用户点了发布则不保存。模拟保存本地的过程即可。代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>发布</title></head><body><form method="post"&
复制链接

扫一扫