javascript - 显示 div 标签内输入的 webstorage 值

Question

• 我正在尝试获取表单值并使用 html5 本地存储显示这些值
• 我已经写了html和js代码

• 但我不知道如何在 div 标签内显示输入的 webstorage 值

  显示表单值---第一项

• 你能告诉我如何解决这个问题吗？

• 在下面提供我的代码
• 我也放了 fiddle

https://jsfiddle.net/r977y9zb/10/

$(document).ready(function() {

  init();
});


function init() {
  if (localStorage["name"]) {
    $('#name').val(localStorage["name"]);
  }
  if (localStorage["email"]) {
    $('#email').val(localStorage["email"]);
  }
  if (localStorage["message"]) {
    $('#message').val(localStorage["message"]);
  }

  $('.stored').keyup(function() {
    localStorage[$(this).attr('name')] = $(this).val();
  });

  $('#localStorageTest').submit(function() {
    localStorage.clear();
  });
}

Answer 1

以下是一些可能对您有帮助的辅助函数:

function setLocal(key, value) {
    localStorage.setItem(key, value);
}

function getLocal(key) {
    return localStorage.getItem(key);
}

function getAllLocal() {
    var tmp_obj = {};
    for(var key in localStorage)
        tmp_obj[key] = localStorage.getItem(key);
    return tmp_obj;
}

用法:

setLocal('test_message', 'Hello World!');
var test_message = getLocal('test_message');
console.log(test_message); //Hello World!