JavaScript変数を更新時に保存する

Question

変数d、dps、およびdpcを異なる変数に保存します。できるだけ簡単にこれを行うにはどうすればいいですか？できるだけ簡単にアクセスする方法も知りたいです。ありがとう！ document.getElementByIdを作成し、これらの変数を追加しています。

Answer 1

localStorage APIを使用する必要があります。コンソールを開き、localStorageをチェックすると

localStorage.setItem('d', "test Value 1"); 
localStorage.setItem('dsp', "test Value 2"); 
localStorage.setItem('dpc', "test Value 3"); 

あなたは、これらの変数を参照することができ、これらは特定のドメインに残ります。

sessionStorageは同じことを行いますが、ブラウザを閉じて再度開いてもlocalStorageは保持されます。

これらの項目を呼び出すには、.getItem()を使用できます。たとえばlocalStorage.getItem('d')については

あなたはクッキーを使用することができます"test Value 1"

Answer 2

クッキーを使用できます。

は、このを見てみましょう： http://www.w3schools.com/js/js_cookies.asp

Answer 3

をかなり一般的なアプローチは、ウィンドウがリフレッシュされた場合にも、いくつかのデータを追跡するために、ブラウザのlocalStorage APIを使用しています。

あなたは、このマニュアルを見てみたいことがあります。

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!'); 

：あなただけにアクセスして、プレーンなオブジェクトの場合と同様に値を割り当てることによって getItemと setItemコールなし localStorage APIを使用することができ、また HTML5 Storage - localStorage

この保存容量はブラウザを更新するか閉じても永続的ですが、すべてのサイトでグローバルではないため、たとえばfacebook.comのブラウザにgoogle.comと異なるlocalStorageインスタンスがあります。

Answer 4

を返しますが、のlocalStorageとのsessionStorage

あなたはそのコンソールでこれらの例をテストすることができます、あなたは上の、リソースでそれを見てすることができるようになりますクロム

例：

document.cookie="username=John Doe"; 
 

 
localStorage.setItem("userName", "John Doe"); 
 
localStorage.getItem("userName"); 
 

 

 
sessionStorage.setItem("userName", "John Doe"); 
 
sessionStorage.getItem("userName");