Javascript 页面刷新时的本地存储返回空值

本地存储在woocomerce上的页面刷新后返回空字符串不确定为什么下面的代码返回空值，而其中应该存储值：

$(document).ready(function() {
  $(window).keyup(saveSettings);
  if (window.localStorage) {
    loadSettings();
  }
});

function loadSettings() {
  $('#billing_first_name').val(localStorage.bfn);
  $('#billing_last_name').val(localStorage.bln);
  $('#billing_company').val(localStorage.cn);
  $('#billing_phone').val(localStorage.phone);
  $('#billing_email').val(localStorage.ea);
}

function saveSettings() {
  localStorage.bfn = $('#billing_first_name').val();
  localStorage.bln = $('#billing_last_name').val();
  localStorage.cn = $('#billing_company').val();
  localStorage.phone = $('#billing_phone').val();
  localStorage.ea = $('#billing_email').val();

}

---

任何提示都很有用，请提前感谢。

如果您使用错误，以下是设置和检索项目的方法：

localStorage.setItem('name', 'value');
var value = localStorage.getItem('name');
console.log(value); //value

因此，在您的情况下，例如：

localStorage.setItem('bfn', $('#billing_first_name').val()); //Set value
$('#billing_first_name').val(localStorage.getItem('bfn')); //Get value

---

您使用错误，这是您设置和检索项目的方式：

localStorage.setItem('name', 'value');
var value = localStorage.getItem('name');
console.log(value); //value

因此，在您的情况下，例如：

localStorage.setItem('bfn', $('#billing_first_name').val()); //Set value
$('#billing_first_name').val(localStorage.getItem('bfn')); //Get value

---

使用

localStorage.setItem（NAME，VALUE）

和

localStorage.getItem（NAME）

我想它也是通过设置/获取属性来工作的，可能实现更改了，不确定，因为我一直使用setItem/getItem.Use

localStorage.setItem（NAME，VALUE）

和

localStorage.getItem（NAME）

我认为它通过设置/获取属性也起到了作用，可能是实现发生了变化，不确定，因为我一直使用setItem/getItem。