[英]local storage items after refresh page
<!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
数据。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.