如何将数据保存到localstorage并将此数据附加到某个body元素

我有一个简单的js代码，它添加了一些数据并将其保存在一些HTML标记中，我可以将其添加到localstorage并将其保存在某些时间的sesion。有人可以告诉我如何将数据保存到localstorage？非常感谢您提前预约。如何将数据保存到localstorage并将此数据附加到某个body元素

 function addComment() 
 
      { 
 
       var vname = document.getElementById("vname").value; 
 
       var li = document.createElement('li'); 
 
       li.innerText = vname; 
 
       document.getElementById('comments').appendChild(li); 
 
       document.getElementById("vname").value = ''; 
 
       document.getElementById("vname").focus(); 
 
      } 
 
     function addAuthor() 
 
     { 
 
      var author = document.getElementById("author").value; 
 
      var li = document.createElement('li'); 
 
      li.innerText = author; 
 
      document.getElementById('comments').appendChild(li); 
 
      document.getElementById("author").value = ''; 
 
      document.getElementById("author").focus(); 
 
     }

 <label for="vname">Name of your book</label> 
 
     <input type="text" id="vname" name="vname"> 
 
     <input type="submit" value="Add name" onclick="addComment()"> 
 
     <br> 
 
     <label for="author">Author of book</label> 
 
     <input type="text" id="author" name="author"> 
 
     <input type="submit" value="Add author" onclick="addAuthor()"> 
 

 
<ul id="comments"></ul>

来源

2017-08-19 Nazariy

的可能的复制[如何从与HTML5本地存储形式保存数据？]（https://stackoverflow.com/questions/17087636/how-to-save-data-from-a-form-与HTML5的本地存储） – brk

首先你不必localStorage的

if (typeof(Storage) !== "undefined") { 
    //if your browser support localstorage then you can write code like this 

    localstorage.setItem("your key", JSON.stringify(your value)); 

} else { 
// sorry you can't use localstorage 

}

后，你检查你的浏览器支持或设定你的价值

你可以像这样访问你的价值

var your_variable = JSON.parse(localstorage.getItem("your key"));

来源

2017-08-19 03:36:40

您可以在localStorage的设定值，这样

localStorage.setItem("name", "value");

或

window.localStorage.setItem("name", "value");

可以追加这样

值

var value = localStorage.getItem("name"); 
$("#div_id").text(value); 

OR for input field 

$("#input_field_id").val(value);

或

window.localStorage.getItem("name");

我这window.localStorage是angularjs BU我不知道

来源

2017-08-19 03:22:20

如何将数据保存到localstorage并将此数据附加到某个body元素

回答

相关问题