Javascript 解析，如何保存附加文本

假设我有以下代码：

$('.button').click(function() {  
 $('body').append("<p>Random Text</p>");
});

$（'.button'）。单击（函数（）{
$（'body'）。追加（“随机文本”
”；
});

单击

。按钮时，文本将附加到正文中

我将如何保存该文本，并在用户访问页面时始终显示该文本。
明智的做法是将其存储在变量中，然后将其发送到下的数据浏览器中吗
POST
还是其他课程

希望这不会太混乱，谢谢
 这并不理想，但如果不创建服务器端或客户端数据库，这将是一个快速解决方案。如果用户切换浏览器或清除缓存，则存储将消失


$（文档）.ready（函数（）{
//读取本地存储。
函数getStorage（）{
var obj=localStorage.getItem（'objName'）；
如果（！obj）{
obj=''；
}
返回obj；
}
//附加本地存储对象（如果有）。
$（'body'）.append（getStorage（））；
$（'.button'）。单击（函数（）{
console.log（'click'）；
var str=“随机文本”
”；
$（'body'）。追加（str）；
var d=getStorage（）；
d+=str；
控制台日志（d）；
setItem（'objName'，d）；
}); 
});
要将文本保存在需要持久层的地方。像cookies、clientsideDB、serversidedb等，我想说的是使用html5本地存储，它将保存数据一段时间或直到用户清除缓存。这也消除了创建数据库和存储会话/数据的需要。
$(document).ready(function() {
    // Read localStorage.
    function getStorage() {
        var obj = localStorage.getItem('objName');
        if(!obj) {
            obj = '';
        }
        return obj;
    }
   // Append localStorage obj, if any.
   $('body').append(getStorage());   
   $('.button').click(function() {  
       console.log('click');
       var str = "<p>Random Text</p>";
       $('body').append(str);
       var d = getStorage();
       d += str;
       console.log(d);
       localStorage.setItem('objName', d);
   }); 
});