刷新頁面后的本地存儲項目

Question

 <!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 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>

你好，

刷新頁面時是否可以取回本地存儲項目？ 如果是這樣，怎么辦？

謝謝

迪倫

Answer 1

獲取和設置localStorage數據。 在以下示例中，要設置的數據是一個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數據。

刷新頁面后的本地存儲項目

問題描述

1 個解決方案

解決方案1
2 已采納 2017-02-07 09:56:09

刷新頁面后的本地存儲項目

問題描述

1 個解決方案

解決方案1 2 已采納 2017-02-07 09:56:09

解決方案1
2 已采納 2017-02-07 09:56:09