刷新页面后的本地存储项

【问题标题】：local storage items after refresh page刷新页面后的本地存储项
【发布时间】：2022-02-25 05:16:58
【问题描述】：

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

你好，

刷新页面时是否可以取回本地存储项？如果是这样，如何？

谢谢

迪伦，

【问题讨论】：

developer.mozilla.org/en/docs/Web/API/Window/localStorage
我总是使用 sessionStorage.. 我会推荐使用这个。

标签： javascript html local-storage

【解决方案1】：

获取和设置localStoragedata。在以下示例中，要设置的数据是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 数据是在应用程序功能和逻辑需要时获取的。

【讨论】：