Question

可以在前端javascript中添加自定义属性Document Object吗？

假设我想存储一些参数，但我不能在URL中这样做。我可以在Document Object上创建一个新属性来存储参数吗？例如，如果我的参数是'someImportantInfo'，我可以设置：

document.someImportantInfo = 'thisIsSecretInfo';

因此，当用户访问新页面时，我可以在前端Javascript中检索“someImportantInfo”属性的内容，并使用“thisIsSecretInfo”执行某些操作？

Answer 1

最好的方法不是在文档对象中。

加载新页面时，文档对象将被另一个替换。

要在不同页面之间存储信息，您可以使用localStorage或sessionStorage：

当您需要保存一些值时：

localStorage.setItem("someImportantInfo","thisIsSecretInfo");

当你需要在其他页面中获取此值时：

localStorage.getItem("someImportantInfo");

中的一些示例

如果您只想在会话期间存储信息（在浏览器关闭时清除），请改用sessionStorage。

此外，您可以使用Cookie，但它更棘手，因为您没有保存和检索Cookie的本机功能。