刷新时保存JavaScript变量

刷新时保存JavaScript变量,javascript,variables,Javascript,Variables,我想将变量d、dps和dpc保存在不同的变量中。我怎样才能尽可能简单地做到这一点?我还想知道如何尽可能简单地访问这些。谢谢我正在创建一个文档.getElementById并将这些变量添加到其中。您可以使用cookies 看看这个: 一种非常常见的方法是使用浏览器的localStorageApi来跟踪某些数据,即使在刷新窗口时也是如此 您可能需要查看以下文档: 另外,您可以使用localStorageAPI,而无需调用getItem和setItem调用,只需像在普通对象上一样访问和分配值: loc

我想将变量
d
dps
dpc
保存在不同的变量中。我怎样才能尽可能简单地做到这一点?我还想知道如何尽可能简单地访问这些。谢谢我正在创建一个
文档.getElementById
并将这些变量添加到其中。

您可以使用cookies

看看这个:

一种非常常见的方法是使用浏览器的
localStorage
Api来跟踪某些数据,即使在刷新窗口时也是如此

您可能需要查看以下文档:

另外,您可以使用
localStorage
API,而无需调用
getItem
setItem
调用,只需像在普通对象上一样访问和分配值:

localStorage.firstname = "John Doe";
var myName = localStorage.firstname; //You should check if its set before accessing it

 localStorage.d = "Some value";
 localStorage.dps = "Some other value";
 localStorage.dpc = "Some other value aswell";
 localStorage.mySpecialFunction = function(){ return 1; };

 console.log(localStorage.mySpecialFunction()); // --> 1

 console.log(localStorage.d,localStorage.dps,localStorage.dpc);

//Checking if localStorage has a specific property:
 if(localStorage.dps) console.log('Something is in localStorage.dps!');

请注意,即使在刷新或关闭浏览器时,此存储也是持久的,但并非所有站点都使用此存储,因此,例如,facebook.com的
localStorage
实例与google.com在浏览器中的实例不同

您应该使用
localStorage
API

localStorage.setItem('d', "test Value 1");
localStorage.setItem('dsp', "test Value 2");
localStorage.setItem('dpc', "test Value 3");
如果打开控制台并选中
localStorage
,您可以看到这些变量,这些变量将保留在给定域中

sessionStorage
将执行相同的操作,但即使浏览器关闭并重新打开,
localStorage
也将保持不变

要调用这些项目,可以使用
.getItem()


例如
localStorage.getItem('d')
将返回
“测试值1”
您可以使用cookie、localStorage和sessionStorage

您将能够在其控制台中测试这些示例,并且可以在参考资料中的chrome上查看这些示例

示例:

document.cookie=“username=johndoe”;
setItem(“用户名”、“John Doe”);
localStorage.getItem(“用户名”);
setItem(“用户名”、“John Doe”);

getItem(“用户名”)什么是“d、dps和dpc”?这是你写的代码吗?你看过如何用Javascript保存数据了吗?你听说过Cookie或本地存储吗?使用localStorage API。在“javascript”和“cookies”上使用Google fu@MikeC我已经使用了很多“Google fu”,但我对javascript和HTML有点陌生,所以我不能真正理解Cookie,所以我问是否有其他更简单的方法。它来自我正在处理的一些代码。@MikeC看到上面的注释了吗?有没有一种方法可以访问localStorage而不必将.localStorage放在名称的开头?您可以这样做:
var xy=localStorage
,但这只适用于读取操作,不会跟踪新添加或删除的内容。由于localStorage是来自浏览器的API,访问它的唯一方法是使用
localStorage
对象。我如何调用它们?当我添加它们时,会得到数字的堆叠版本,而不是组合版本。例如,如果d=4,dps=50,加上dps和d,我得到的是450,而不是54。有没有办法解决这个问题?@DangerMouse5这是因为您正在添加字符串。。。通过使用
parseInt()
将它们更改为数字,它们将以数字的形式添加。我如何在localStorage.d=localStorage.d+localStorage这样的示例中使用它们。dps@DangerMouse5
var-answer=parseInt(localStorage.getItem('d'))+parseInt(localStorage.getItem('dps'))