gpt4 book ai didi

javascript - LocalStorage - 通过表单保存名称 - 在其他页面上显示

转载 作者:行者123 更新时间:2023-11-30 12:05:30 24 4
gpt4 key购买 nike

我有一个简单的 html 页面,其中包含一个要求输入用户名的文本字段。我想保存用户输入的内容,在另一个页面上我想检索该名称并打个招呼+(用户名)。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LocalStorage</title>
</head>
<body>
<form>
<p>Enter your name</p>
<input type="text">
<button type="submit" value="submit">Submit</button>
</form>

</body>
</html>

第二页是第一页数据的来源(通过 localStorage)。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>secondPage</title>
</head>
<body>

<h1>Hello </h1>

</body>
</html>

谢谢。

最佳答案

我不确定这是否是家庭作业,但这应该可以帮助您入门。

它将涉及:

  1. 首先将数据存入localStorage
  2. 然后将用户引导至第二页 - 很可能是通过 window.location.href。
  3. 然后将数据从 localStorage 中拉回以显示在那里。

这是一个让您开始设置和获取数据的 jsfiddle。

https://jsfiddle.net/em92zbod/

两个主要的功能是:

window.localStorage.setItem("key", "value");
window.localStorage.getItem("key");

其中“键”是您要用于该值的任何标识符。

关于javascript - LocalStorage - 通过表单保存名称 - 在其他页面上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35329180/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com