有没有办法使用JS设置cookie并强制依赖cookie的动态元素更新而无需重新加载页面？

Question

如果标题问题令人困惑，我深表歉意，但我不完全确定如何提出或表达这个问题。基本上，我想要一个在页面加载时触发的按钮（它会打开一个弹出窗口）——足够简单。

但是，该按钮是“查找位置”的东西，因此在用户第一次（或无 cookie）访问时，他们会看到该按钮。如果用户点击它并输入他们的位置信息，他们会被重定向到一个页面，并且按钮会变为显示他们的位置的按钮，并且弹出内容也会发生变化；该按钮会收到带有位置信息的存储 cookie，这就是内容更新的方式。

我需要找到一种方法来获取此位置信息，通过此 cookie，在页面加载时注入，而无需用户完全输入其信息，或者刷新/导航离开页面。

现在，我编写了一个函数来在加载时设置 cookie，然后自动触发弹出窗口，但是按钮不会通过手动 cookie 设置自动更新，除非用户重新加载页面。我需要一切都在一个无缝的动作中发生。这可行吗？

如果可能的话，我需要通过 Javascript 来完成此操作，请不要使用其他方法。另外，这也不是我可以通过网站后端或某些 CMS 完成的事情。

谢谢。

Answer 1

您可以使用

localStorage

或

navigator.storage.getDirectory()

来达到要求。在文档加载时，如果字符串或目录存在，则获取数据，否则创建字符串或目录和文件并写入数据。