ローカルストレージ項目

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
<button onclick="myFunction();">Fav Number</button> 
 
<div id="result"></div> 
 
    <!--This code works on chrome--> 
 

 
<script> 
 
function myFunction() { 
 
// Check browser support 
 
if (typeof(Storage) !== "undefined") { 
 
    // Store 
 
\t var a = prompt("fav number"); 
 
    localStorage.setItem("lastname", a); 
 
    // Retrieve 
 
    document.getElementById("result").innerHTML = localStorage.getItem("lastname"); 
 
} else { 
 
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage..."; 
 
} 
 
} 
 
</script> 
 

 
</body> 
 
</html>

こんにちは、

は、ページを更新する際にバックローカルストレージのアイテムを取得することが可能ですか？もしそうなら、どうですか？取得とlocalStorageデータを設定

おかげ

ディラン、

出典

2017-02-07 Dylan Strijker

https://developer.mozilla.org/en/docs/Web/API/Window/localStorage – Kiksen

私は常にsessionStorageを使用します。私はこれを使用することをお勧めします。 –

。次の例では、設定するデータはObject（JSON.stringifyによって処理されます）です。 string/intを維持する必要がある場合は、JSON.stringifyを使用する必要はありません。

var dataObject = { 'item1': 1, 'item2': 2, 'item3': 3 }; 

// Set localStorage item 
localStorage.setItem('dataObject', JSON.stringify(dataObject)); 

// Retrieve the object from localStorage 
var retrievedObject = localStorage.getItem('dataObject'); 

// console.log retrieved item 
console.log('retrieved data Object: ', JSON.parse(retrievedObject));

必要に応じてlocalStorageデータを取得することで、ページリフレッシュ部分を処理する必要はありません。 localStorageデータは、アプリケーション関数およびロジックによって必要に応じてフェッチされます。

出典

2017-02-07 09:56:09

ローカルストレージ項目

答えて

関連する問題