<!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>
你好,
刷新页面时是否可以取回本地存储项? 如果是这样,怎么办?
谢谢
迪伦
最佳答案
获取和设置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
数据在应用程序功能和逻辑需要时获取。
关于javascript - 刷新页面后本地存储项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42086616/