HTML 和 Javascript 文本更改

Question

我想知道如何才能做到以下几点:

1. 我使用表单(okay fine)从用户获取输入
2. 我把这个输入作为一个变量存储在javascript中(明白了)。
3. 我刚刚保存的变量改变了网站中另一个页面的文本(它永久地改变了该网页的文本，不再依赖于该文件的js变量了(如果可能的话，它也可以将文本导入网页，如果需要的话))-在这里输入图像描述

这里用户输入详细信息比如现在输入名称

，然后在第二个img网站的文本改变，当我下载第二个img网站不持有原始js存储变量，它仍然显示文本，因为它可能已经存储文本在本地文件中使用js或其他东西。[2]: https://i.stack.imgur.com/4nZCD.png

请帮帮我。

Answer 1

根据我的经验，在页面到页面之间存储信息的最佳方式是通过本地存储。

本地存储从一个页面持续到另一个页面，而JavaScript变量被清除，并且基于服务器的响应，cookie也可能是不可靠的。

在接受用户输入的函数中，按照以下几行书写:

localStorage.setItem('myCat', 'Tom');

要检索此信息，您可以像这样引用它:

const cat = localStorage.getItem('myCat');

这里有一个参考:https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage